監聽頁面滾動

監聽頁面滾動事件

window.onscroll

window.addEventListener('scroll', function () {
    //函數體
})

獲取頁面滾動高度

 document.documentElement.scrollTop 在桌面端可用，在移動端值一直為0

 document.body.scrollTop 在移動端可用，在桌面端一直為0

說明移動端滾動的元素是 document.body ，在桌面端滾動的元素是 document.documentElement。滾動的元素不一致

 window.pageYOffset 兼容性較好（IE9+），桌面端與移動端都支持。是可讀屬性，不可設置

 document.scrollingElement.scrollTop 為新屬性，直接動態識別滾動容器。在桌面端就是document.documentElement，在移動端就指document.body。還沒有在實際項目中用過，安卓5以上支持，以后可以試試。

 

總結：獲取頁面滾動高度的比較好的方式為

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