/***获取页面元素的滚动位置@param {DOM} el Dom元素*return {Object} 元素滚动位置对象*/function getScroll (el) {var d = el,doc = document,body = doc.body,docElement = doc.documentElement,l,t,ret,isStrict = document.compatMode == "CSS1Compat",isIE = /msie/.test(navigator.userAgent);if (d == doc || d == body) {if (isIE && isStrict) {l = docElement.scrollLeft;t = docElement.scrollTop;} else {l = window.pageXOffset;t = window.pageYOffset;}ret = {left: l || (body ? body.scrollLeft : 0),top: t || (body ? body.scrollTop : 0)};} else {ret = {left: d.scrollLeft,top: d.scrollTop};}return ret;}

转载于:https://www.cnblogs.com/webjs/archive/2012/10/13/2722353.html

获取页面元素的滚动位置,兼容各浏览器相关推荐

  1. 用getBoundingClientRect()来获取页面元素的位置

    以前绝大多数的使用下面的代码来获取页面元素的位置: [code="javascript"]var _x = 0, _y = 0; do{ _x += el.offsetLeft; ...

  2. 用Javascript获取页面元素的位置

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

  3. vue 获取元素在浏览器的位置_前端开发JS获取页面元素的位置

    1.网页的大小和浏览器窗口的大小 一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和 document元素的clientHeight和clientWidth属性,就代表了网页的大小. f ...

  4. [html] 精确获取页面元素位置的方式有哪些?

    [html] 精确获取页面元素位置的方式有哪些? let btn = document.querySelector('#ele') let {top, left} = getComputedStyle ...

  5. js,jquery获取页面元素距离浏览器工作区顶端的距离

    先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome)  网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript)       ...

  6. jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...

  7. 使用Selenium含蓄等待获取页面元素(附带实际业务需求情景)

    Hello,大家好,又到了小猿分享技术的时间了.这回带来的是使用Selenium去网站上获取部分信息并且执行部分操作以及"含蓄"等待元素加载完成以及截取图片和网页刷新机制的技术点. ...

  8. JS获取页面鼠标点击位置的坐标

    本来想通过JS实现当前页面对其他页面的操作,在网上发现了这段js代码,先保存下来,可以获取页面鼠标点击位置的坐标. <html> <body> <script> f ...

  9. python获取当前网页元素_Python+Selenium练习(三十)- 获取页面元素的href属性

    目标:通过Selenium获取页面元素的某一个属性.一个元素可能有多个属性,例如class,id,name,text,href,value等. 练习场景:找出当前页面的所有超链接.例:打印出百度首页所 ...

最新文章

  1. rapidminer员工离职分析_HR如何做好离职分析?
  2. 为CentOS 6 配置本地YUM源
  3. 【做题记录】CF1428E Carrots for Rabbits—堆的妙用
  4. oracle sql为null值,在SQL Server Oracle MySQL当数据库中查出某值为NULL怎么办
  5. 【Fiddler篇】FreeHttp无限篡改http报文数据调试和mock服务
  6. Redis再入门 codis 对比 Memcached
  7. 一流设计导航|16map|效率导航最全设计类软件!速度收藏!!
  8. LeetCode(303)——区域和检索 - 数组不可变(JavaScript)
  9. 2018年大数据趋势丨大数据的黄金时代
  10. 内存映射函数remap_pfn_range学习——示例分析(1)
  11. 图片、图标、代码资源网站
  12. 安全测试(初测)报告
  13. 如何将mac中的资料拷贝到U盘,移动硬盘(实用!!!)
  14. php能做定时关机吗,windows怎么定时关机?
  15. 【Java基础】Java综合练习
  16. 数字孪生使用云流化的优势
  17. 关于LVM快速扩展Linux根目录/,缩减重挂载/home目录
  18. uCLinux简介--
  19. win连接被远程计算机终止,windows系统远程连接后马上断开提示“远程计算机已结束连接”的解决方法...
  20. Java split()用法,使用特殊字符要注意了

热门文章

  1. TypeScript声明文件
  2. Error:Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style
  3. 为什么很多人认为一辆车开五六年就要换车?
  4. 大公司的老板更专注人,小公司的老板更专注事
  5. MySQL 网络延时参数设置建议
  6. 职业年金退休能拿多少?怎么算的?
  7. At the beginning of the month, the doctor introduced in the article “iOS
  8. go 输入输出流(fmt)
  9. JS基础--ES5创建对象的7种模式
  10. 计算机网络的分层结构、协议、服务和接口