javascript中的scrollTop

含义：滚动条高度

作用：滚动加载(ajax)，滚动导航固定定位，滚动弹框定位等等.

展示滚动导航和侧边栏滚动固定定位的效果:查看效果

1、chrome浏览器

document.body.scrollTop和document.documentElement.scrollTop都可以

 

2、各浏览器下 scrollTop的差异

IE6/7/8/9/10：

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

Safari:

safari 比较特别，有自己获取scrollTop的函数 ： window.pageYOffset ；

Firefox:

火狐等等相对标准些的浏览器就省心多了，直接用

 document.documentElement.scrollTop ；

3、获取scrollTop值

完美的获取scrollTop 赋值短语 ：

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