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

Posted 2020-10-26 db-it

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;