<div class="div1"></div><script>//返回值是一个包含width height top right bottom left, x , y的对象var rect = document.querySelector('.div1').getBoundingClientRect()console.log(rect);</script>

  

转载于:https://www.cnblogs.com/lfqcode/p/8528266.html

获取元素相对于屏幕的位置相关推荐

  1. WPF中获取鼠标相对于屏幕的位置

    WPF中获取鼠标相对于屏幕的位置                                   周银辉 WPF编程时,我们经常使用Mouse.GetPosition(IInputElement ...

  2. 获取元素到页面上的位置

    获取元素到页面的距离 function getPosition(obj) { var post={l:0,t:0}; while(obj){ post.l += obj.offsetLeft; pos ...

  3. js获取元素相对于屏幕的位置坐标

    getElementPosition(element) {let top = element.offsetTop //这是获取元素距父元素顶部的距离let left = element.offsetL ...

  4. jquery获取元素在文档中的位置信息以及滚动条位置(转)

    jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886     原文链接 原创 201 ...

  5. Android获取view焦点方向,android 中获取当前焦点所在屏幕中的位置 view.getLocationOnScreen(location)...

    final int[] location = new int[2]; view.getLocationOnScreen(location); final int[] location = new in ...

  6. javascript js jquery获取元素位置代码总结

    制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的绝对大小和相对大小 首先,要明确两个基本概念. 一张网页的全部 ...

  7. 获取某个元素相对于视窗的位置-getBoundingClientRect

    1. getBoundingClientRect用于获取某个元素相对于视窗的位置集合.集合中有top, right, bottom, left等属性. 语法:这个方法没有参数 rectObject = ...

  8. js怎么获取一个元素与屏幕右边的距离_js获取元素到屏幕左上角的距离

    开发过程中经常会遇到 获取元素到屏幕左上角的距离, 当我们使用jQuery开发时,我们可以使用 $.offset()来获取准确的距离. 如果我们的项目中并没有引入jQuer的话,跟希望通过原生方法实现 ...

  9. JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

    在ajax中经常需要对元素的位置进行精确的定位,此时不仅需要获取元素自身的大小位置等属性.还需要知道页面.浏览器.滚动条等的长度和宽度.因为浏览器的兼容问题,如果使用javascript获取这些数值是 ...

最新文章

  1. GDCM:gdcm::Element的测试程序
  2. awk小技巧之执行shell命令
  3. 处理JS中数据失真问题-随笔
  4. TeamCity和GitLab整合
  5. 教之初计算机考试函数应用题,教之初计算机考试系统
  6. java 如何放大动画图,Android仿微信图片放大动画
  7. qos的_QoS 概述
  8. 如何安装Windows操作系统(五)驱动安装
  9. OpenShift 4 - 解决 OpenShift 中 elasticsearch 环境的 Log4j 漏洞
  10. ZJOI 2014 星系调查(推导)
  11. 2011新版工业技术 中文核心期刊目录总览
  12. 通用软件体系结构风格总结为五个大类
  13. 公众号前端开发配置流程
  14. Processing基础---绘制基本图形、颜色
  15. (一)OSPF协议 及ospf与RIP的比较
  16. OpenCV-二值图像连通域分析
  17. 听高级产品经理来聊一聊,什么是产品架构
  18. python输出素数5个一排_python如何输出质数
  19. 遇到的问题以及解决办法
  20. PTA 查询选修了2门以上课程的学生学号和平均成绩。分数 3

热门文章

  1. open***在Windows客户端权限那些事
  2. Javascript获取当月的天数
  3. 石大ACM2587解题报告
  4. TSPL学习笔记(1)
  5. centos5.6无法ping,无法scp的问题解析
  6. Outlook addon CommandBarButton picture 的不透明效果解决方案
  7. 异步调用方法时异常的捕获
  8. linux每日命令(36): wc命令
  9. javaweb添加拦截器
  10. C++ 类型转换运算符