天天看點

JQuery,JS擷取正确scrollTop

window.pageYOffset 被所有浏覽器支援除了 IE 6, IE 7, IE 8, 不關doctype的事, 注IE9 開始支援此屬性。

window.scrollY 被Firefox, Google Chrome , Safari支援 不關doctype的事, 注IE9 不支援此屬性。

在(quirk 模式)的時候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome Safari 傳回正确的值。

在(quirk 模式)的時候 document.documentElement.scrollTop 永遠是零。

在(非quirk模式)的時候 document.documentElement.scrollTop在 Internet Explorer, Firefox and Opera 下傳回正确的值 但是在 Google Chrome ,Safari 中永遠是零。

特整理表格如下:

JQuery,JS擷取正确scrollTop

隻在quirk模式下, body.scrollTop是被所有都支援的,是以這個表大家不用也沒有必要去記, 隻要記住一條:以上在win7環境下測試,可以看出是非常淩亂的!

if(window.pageYOffset){//這一條濾去了大部分, 隻留了IE678

}else if(document.documentElement.scrollTop ){//IE678 的非quirk模式

 }else if(document.body.scrolltop){//IE678 的quirk模式

 }
           

原則是看pageYOffset 然後看documentElement.scrollTop, 最後是document.body.scrollTop!

//正确擷取的方法總結

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

繼續閱讀