如何判斷是否瀏覽到網頁底部?

function scrollBottomOrTop() {
    var clients = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    // 瀏覽器的可視高度,兼容處理 
    var scrollTop = document.body.scrollTop; //滾上去的高度
    var wholeHeight = document.body.scrollHeight;   //整個頁面的高度
    if(clients + scrollTop >= wholeHeight){
        alert('我已經滾動到了底部!');
    }
    if(scrollTop == 0){
        alert('我已經滾動到了頂部!')
    }
}
window.onscroll = scrollBottomOrTop; //在滾動滾動條的時候調用這個方法;

這是判斷網頁是否滾動到底部,可以用到加載更多這樣的實際案例中,譬如上述中,在

if(clients + scrollTop >= wholeHeight){ ... // 在這里寫一些Ajax請求 }```
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容