記錄一下獲取 scroll 高度的方法
經實際測試: document.body.scrollTop 在 chrome 下會返回0.
因此 document.documentElement.scrollTop 或者 window.pageYOffset 須要一塊兒判斷, 作一下兼容
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
獲取視口區域的高度chrome
var viewportSize = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
獲取一個元素的高度(一個元素距離頂部的高度, 這個是必定的, 決定了這個元素在頁面的某一個位置)測試
document.querySelector("selector").offsetTop
應用:
若是scroll的高度大於了元素所在位置的高度, 那麼須要進行加載 (lazy load)code