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

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;
原文地址:https://www.cnblogs.com/DB-IT/p/8530767.html