含義:滾動條高度 作用:滾動載入(ajax),滾動導航固定定位,滾動彈框定位等等. 展示滾動導航和側邊欄滾動固定定位的效果:查看效果 1、chrome瀏覽器 2、各瀏覽器下 scrollTop的差異 IE6/7/8/9/10: 對於沒有doctype聲明的頁面里可以使用 document.body. ...
含義:滾動條高度
作用:滾動載入(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;