相容各個瀏覽器的scrolltop屬性簡單介紹

眾所周知scrolltop屬性具有嚴重的瀏覽器相容性問題，甚至存在於谷歌這樣的模範標準瀏覽器身上。

並且此屬性使用頻率非常的高，所以解決相容性問題是非常重要的，下面進入正題。

一.IE瀏覽器:

（1）.沒有doctype宣告的頁面裡可以使用document.body.scrollTop（有doctype的話返回值是0）來獲取;

（2）.有doctype宣告的頁面則可以使用document.documentElement.scrollTop（沒有doctype的話返回值是0）來獲取;

特別說明:當前誰寫程式碼還不寫doctype呢，否則就是自找苦吃。

二.火狐瀏覽器:

火狐瀏覽器需要使用document.documentElement.scrollTop，需要doctype。

三.谷歌瀏覽器:

谷歌瀏覽器則需要使用document.body.scrollTop。

相容性程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
document.documentElement.scrollTop ||document.body.scrollTop;