scrollTop滝流のポイントoffset Top

673 ワード

scrollTop滝流のポイント
滝の流れのポイントは、ページの底に到達するかどうかを判断します.
scrollTop
最も主要なパラメータはscrollTopです.
この条件を満たせば、新しい内容をロードすることができるということは、図を見れば分かります.
function needLoadContent() {
    //           
    let lastOffsetTop = document.querySelector('.list-item:last-child').offsetTop;
    
    //      
    let clientHeight = window.innerHeight;
    
    //        
    let scrollTop = document.documentElement.scrollTop;
    
    //       ,   true 
    return (lastOffsetTop < clientHeight + scrollTop);
}
scrollTopのテストについては、scrollTopdocument.documentElementでしか変化しません.他のものは取得できません.ずっと0です.
参照