使用原生JS获取浏览器ScrollTop,ScrollLeft的方法:

function scroll() {if (window.pageYOffset != null){
//            支持IE9 +return{left:window.pageXOffset,top:window.pageYOffset}}else if (document.compatMode == 'CSS1Compat'){
//            声明了DTDreturn{left:document.documentElement.scrollLeft,top:document.documentElement.scrollTop}}return{left:document.body.scrollLeft,top:document.body.scrollTop}}

说明: document.compatMode 是说明当前文档的渲染模式
属性值包括:(1)BackCompat,文档处于“混杂模式”;
(2)CSS1Compat, 文档处于“标准模式”或者“准标准模式(almost standards mode)”
详情查看MDN文档:document.compatMode

原生JS获取ScrollTop/ScrollLeft相关推荐

  1. 原生js获取元素高度

    原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...

  2. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...

    [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...

  3. js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...

    用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...

  4. 原生js获取宽高与jquery获取宽高的方法的关系

    说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况.  2.以下所说的所有方法与属性所返回的值都是不带单位的.  3.为了方便说明,以下情况采用缩写表示:  obj -> ...

  5. 获取html下拉菜单selected,原生js获取select下拉框的selected的option项

    一. 使用 原生js,获取select标签下属性有selected的option项. 先写一个select标签如下: TEXT-aaaaa TEXT-bbbbb 原生js获取select标签这个 对象 ...

  6. 原生js获取一段时间内每隔几分钟的时间数组

    姊妹篇 原生js获取一段时间内每隔几天的时间数组 情况: 项目中有这么一个需求,输入开始时间.结束时间.时间间隔,获取一段时间内每隔几分钟的时间数组 接下来我必须现在网上找找有没有类似的稍微改改就好了 ...

  7. 原生JS获取body

    原生js获取body 的方法 这节课我们来说说如何在js中获取body的来对html中的body进行一系列操作,给大家总结了两种方法 第一种: let s = `hello` document.get ...

  8. 原生 js 获取所有兄弟节点

    使用原生 js 获取所有的兄弟节点 // 封装成函数 function get_Siblings(elem) {let sibArr = []let allChilds = elem.parentNo ...

  9. 原生js获取以固定字符开头的控件id,并设置属性

    原生js获取以固定字符开头的控件id,并设置属性 还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数 目前几乎主流浏览器均支 ...

最新文章

  1. 将Java程序打jar包并运行
  2. D. Anton and Chess 模拟题 + 读题
  3. Spark 学习(六) Spark 的线程安全和序列化问题
  4. 数据分析-R语言资料整理
  5. AngularJS与服务器交互(4)
  6. ORACLE多表关联UPDATE 语句
  7. CMMI认证过程中实施步骤详解
  8. 优思学院|精益六西格玛中的8大浪费是什么?
  9. 源码:Qt开发的离线软件注册机 适用于工业设备。
  10. 安信可Ca-01 4G模块调试
  11. arduinouno摄像头OV7670_Arduino极限操作 摄像头OV7670拍照
  12. php 修改图像大小,如何改变图片大小
  13. 系统性谈谈软件可靠性——第4讲:软件可靠性测试
  14. rmmod命令卸载驱动后重启后为什么驱动还在? 安排!
  15. 在html中加入pdf文件吗,如何在网页中显示PDF文件
  16. 蓝桥杯 回文日期【第十一届】
  17. php实现批量导出pdf 压缩打包下载
  18. 7000 字 + 21 图,微服务架构概述
  19. 凭什么杀程序员祭天?
  20. suse和linux区别,大家一起讨论讨论,suse和ubuntu的区别,顺便散散分

热门文章

  1. 一张好的图胜过千言万语!数据可视化都经历了怎样的发展历程
  2. 【91数据恢复】.[killhackfiles@cock.li].Devos勒索病毒数据恢复
  3. react-native在android上字重显示问题
  4. 【SequoiaDB|巨杉数据库】索引文件
  5. LWIP UDP 编程
  6. 计网必会:电子邮件、SMTP协议
  7. C# 天敏 SDK3000 二次开发时出的问题?? 求解
  8. 谈谈期货程序化交易策略的客观性
  9. 新萝卜家园 Windows7 Ghost 旗舰装机完美版 V7.0
  10. android webview 支持ajax,Ajax在android webview中不起作用