JS中完美兼容各大浏览器的scrolltop方法
1、各浏览器下 scrollTop的差异
IE6/7/8/9/10：
对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ；
对于有doctype声明的页面则可以使用 document.documentElement.scrollTop ；
Safari:
safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ；
Firefox:
火狐等等相对标准些的浏览器就省心多了，直接用 document.documentElement.scrollTop ；
2、获取scrollTop值
完美的获取scrollTop 赋值短语 ：
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
通过这句赋值就能在任何情况下获得scrollTop 值。
仔细观察这句赋值，你发现啥了没？？
没错， 就是 window.pageYOffset (Safari) 被放置在 || 的中间位置。
因为当 数字0 与 undefine 进行 或运算时，系统默认返回最后一个值。即或运算中 0 == undefine ;
当页面滚动条刚好在最顶端，即scrollTop值为 0 时，IE 下 window.pageYOffset (Safari) 返回为 undefine ，此时将 window.pageYOffset (Safari) 放在或运算最后面时， scrollTop 返回 undefine , undefine 用在接下去的运算就会报错咯。
而其他浏览器 无论 scrollTop 赋值或运算顺序如何都不会返回 undefine. 可以安全使用..
所以说到头还是IE的问题咯. 杯具…
精神有点恍惚，不知道有没有表达清楚。
不过最后总结出来这句实验过OK，大家放心使用。
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
这是完美的获取scrollTop赋值语句。
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了javascript常用函数，再来15个常用函数，都具有很高的实用性，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了js交换排序 冒泡排序算法（Javascript版） ,需要的朋友可以参考下2014-10-10
出门在外，没有核酸证明寸步难行，此文将教你如何通过小程序制作一个工具帮你在人生地不熟的情况如何迅速找到核酸检测点，实现核酸点查询、地图导航、拨号等功能，需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了微信小程序实现加入购物车滑动轨迹，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要为大家介绍了如何使用splitChunks精细控制代码分割来实现降低包大小的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
关于JS性能优化中的冰山一角：事件代理、警惕闭包。其实本文有一个文章已经说到，闭包如何产生，闭包的作用；2011-01-01
这篇文章主要介绍了js使用html2canvas实现屏幕截取的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
Javascript读取cookie函数代码，需要的朋友可以参考下。2010-10-10
这篇文章主要介绍了JS验证字符串功能实例代码,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
有时需要模仿用户的一些动作（鼠标/键盘操作），最常见的莫过于鼠标点击。一一列举2011-08-08
最新评论