關於谷歌不能識別document.documentElement.scrollTop的解決方法

這兩天在寫一個JS的網頁右鍵菜單,在實現菜單定位的時候發現了這個問題:chrome竟然不認識ocument.documentElement.scrollTop!chrome

若是有文檔聲明(即網頁第一句的docType)的狀況下,標準瀏覽器是隻認識documentElement.scrollTop的,但chrome雖然我感受比firefox還標準,但卻不認識這個,在有文檔聲明時,chrome也只認識document.body.scrollTop.瀏覽器

因爲在不一樣狀況下,document.body.scrollTop與document.documentElement.scrollTop都有可能取不到值,但document.body.scrollTop與document.documentElement.scrollTop二者有個特色,就是同時只會有一個值生效。好比document.body.scrollTop能取到值的時候,document.documentElement.scrollTop就會始終爲0;反之亦然。因此,若是要獲得網頁的真正的scrollTop值,能夠這樣:spa

var sTop=document.body.scrollTop+document.documentElement.scrollTop;firefox

相關文章
相關標籤/搜索