各瀏覽器下 scrollTop的差異

2021-08-14 16:02:21 字數 665 閱讀 5667

1、各瀏覽器下 scrolltop的差異

ie6/7/8: 

對於沒有doctype宣告的頁面裡可以使用  

document.body.scrolltop

來獲取 scrolltop高度

對於有doctype宣告的頁面則可以使用 

document.documentelement.scrolltop;

safari: 

safari 比較特別,有自己獲取scrolltop的函式 : 

window.pageyoffset ;

firefox: 

火狐等等相對標準些的瀏覽器就省心多了,直接用 

document.documentelement.scrolltop ;

2、獲取scrolltop值

完美的獲取scrolltop 賦值短語 : 

var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;

各瀏覽器下 scrollTop的差異

1 各瀏覽器下 scrolltop的差異 ie6 7 8 對於沒有doctype宣告的頁面裡可以使用document.body.scrolltop來獲取 scrolltop高度 對於有doctype宣告的頁面則可以使用document.documentelement.scrolltop safari...

獲取scrollTop相容各瀏覽器的方法,以及繫結

window unbind scroll bind scroll function var scrolltop document.documentelement.scrolltop window.pageyoffset document.body.scrolltop if height scroll...

各瀏覽器CSS hack

區別 ie6與 ff background orange background blue 區別 ie6與 ie7 background green important background blue 區別 ie7與 ff background orange background green 區別 f...