首頁(yè) 猿問(wèn) 下拉到頁(yè)面底部然后分頁(yè)的原理是什么？

下拉到頁(yè)面底部然后分頁(yè)的原理是什么？

JavaScript

ABOUTYOU 2018-09-05 09:26:09

看到很多網(wǎng)站都實(shí)現(xiàn)的效果是，通過(guò)鼠標(biāo)滾到頁(yè)面的最底部，然后頁(yè)面再加載一頁(yè)數(shù)據(jù)，這種做法的技術(shù)原理是什么呢？是要檢測(cè)是否到達(dá)了頁(yè)面底端這個(gè)事件么？

查看完整描述

1 回答

牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊

就是普通的異步加載，判斷到達(dá)底部的時(shí)候，用ajax請(qǐng)求數(shù)據(jù)

 $(document).scroll(function(){        var bheight = $(document).height();//獲取窗口高度
        var sheight = $("body")[0].scrollHeight;//獲取滾動(dòng)條高度，[0]是為了把jq對(duì)象轉(zhuǎn)化為js對(duì)象
        var stop = $("body").scrollTop();//滾動(dòng)條距離頂部的距離
        if(stop>=sheight-bheight){//當(dāng)滾動(dòng)條到頂部的距離等于滾動(dòng)條高度減去窗口高度時(shí)
            queryMailList();
        }
    });

反對(duì) 回復(fù) 2018-10-31