scrollTop兼容性

1、各个浏览器下scrollTop的获得是不一样的:

对于IE6/7/8/9/10：

对于没有doctype声明的页面里需要使用 document.body.scrollTop 来获得scrollTop高度；
而对于有doctype声明的页面则需要使用 document.documentElement.scrollTop ；

Safari:

safari 比较特殊，需要使用： window.pageYOffset ；

Firefox:

火狐等相对标准些的浏览器则需要使用document.documentElement.scrollTop ；
归根结底：兼容各个浏览器的scrollTop，需要兼容各个写法：
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
return scrollTop;

scrollTop兼容性相关推荐

scrollTop兼容性问题
很多时候需要获取页面的scrollTop的值,通常使用document.body.scrollTop来获取值.今天在review代码时,发现这个写法无法获取到scrollTop的值,查阅资料发现scr ...
【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...
JS之scrollTop不起作用的问题(兼容性有问题)
scrollTop在使用的时候,如果用document.body.scrollTop去使用它,谷歌会出现不兼容的问题,也就是不显示数值大小解决方案:1.换个浏览器使用 2.没有dtd约束的:docu ...
js保持div悬浮，不随页面向下滚动而被覆盖
<html> <head> <script type="text/javascript"> //兼容性1,document.body.scrol ...
javascript知识点记录（2）
1.js 异步加载和同步加载异步加载模式也叫非阻塞模式,浏览器在下载js的同时,同时还会执行后续的页面处理, 在script标签内,用创建一个script元素,并插入到document中,这样就是异 ...
JavaScript——原生js实现瀑布流
瀑布流介绍及实现原理: 瀑布流是一种页面布局,页面上也有多等宽的块(块就页面内容),每一块都是绝对定位(absolute),每个块排列的方式如下:寻找现在高度最小的列,把该块定位到该列下方.需要知道, ...
jQuery插件开发之windowScroll
回首望,曾经洋洋得意的代码现在不忍直视.曾经看起来碉堡的效果现在也能稍微弄点出来.社会在往前发展,人也得向前迈进. 参考于搜狗浏览器4.2版本首页的上下滚动效果.主要实现整个窗口的上下和左右滚动逻辑, ...
e.pageX、e.clientX、e.screenX、e.offsetX的区别以及元素的一些CSS属性
e.pageX,e.pageY:返回的值是相对于文档的定位,文档的左上角为(0,0),向右为正,向下为正,IE不支持(不包含上方工具栏):e.clientX,e.clientY:返回的值是相对于屏幕可 ...
DOM初探（14）——查看滚动条的滚动距离
一:DOM基本操作: 查看滚动条的滚动距离 window.pageXOffset/pageYOffset IE8及以下不兼容(只有IE9以上的浏览器能用) document.body/document ...

scrollTop兼容性

scrollTop兼容性相关推荐

最新文章

热门文章