js實(shí)現(xiàn)移動(dòng)端上拉加載更多

1、獲取頁面高度

  function getScrollTop() {
        var scrollTop = 0;
        if(document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if(document.body) {
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }

2、獲取當(dāng)前可視高度

  function getClientHeight() {
        return document.documentElement.clientHeight;
    }

3、文檔完整的高度

function getScrollHeight() {
        return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
    }

4、檢查滾動(dòng)高度是否到了底部,距離底部200時(shí),認(rèn)為到底,開始加載下一頁

  function checkScrollHeight(){
        return getScrollHeight() - getClientHeight() -getScrollTop() <= 200;
    }

5、如果滾動(dòng)到了底部

if(checkScrollHeight){
   //調(diào)取ajax
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,189評(píng)論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,323評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,638評(píng)論 4 61
  • 今天是周一,又是工作的日子,今天也要充滿干勁呢。 我精神飽滿的站在鏡子前整理著裝,二十出頭,白凈的面龐,精瘦的軀干...
    藝小創(chuàng)的聽說鋪?zhàn)?/span>閱讀 1,199評(píng)論 8 8
  • 金鉤掛在銀樹上 荷塘邊 有佳人梳頭 是誰負(fù)了那一壺美酒 是誰讓美人傷心 寄情千里渺無音信 悄悄地落下了兩了滴珠淚 ...
    向春光原創(chuàng)文學(xué)閱讀 401評(píng)論 2 10

友情鏈接更多精彩內(nèi)容