获取滚动条距离的兼容问题

Posted db-it

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取滚动条距离的兼容问题相关的知识,希望对你有一定的参考价值。

1.获取滚动条距离的API

  scrollLeft / scrollTop

  pageXOffset / pageYOffset

 

2.兼容性问题

  Safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset ;

  火狐等相对标准些的浏览器就省心多了,直接用 document.documentElement.scrollTop ;

  IE6/7/8/9/10:

    对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ;
    对于有doctype声明的页面则可以使用 document.documentElement.scrollTop  ;

总结:

  获取滚动条距离:

  

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

 

以上是关于获取滚动条距离的兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

获取窗口属性元素几何尺寸

jquery获取滚动条高度和位置

JS中一些常用的兼容写法

js控制滚动条 滚动指定距离

经常遇到的js兼容问题大总结

js获取浏览器滚动条距离顶端的距离