js中的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;

最後更新：2017-11-05 11:03:55