第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

檢查用戶(hù)是否已滾動(dòng)到底部。

檢查用戶(hù)是否已滾動(dòng)到底部。

德瑪西亞99 2019-06-12 21:05:59
檢查用戶(hù)是否已滾動(dòng)到底部。我正在制作一個(gè)分頁(yè)系統(tǒng)(有點(diǎn)像Facebook),當(dāng)用戶(hù)滾動(dòng)到底部時(shí),內(nèi)容會(huì)加載。我認(rèn)為最好的方法是找出用戶(hù)何時(shí)在頁(yè)面底部,并運(yùn)行Ajax查詢(xún)來(lái)加載更多的帖子。唯一的問(wèn)題是,我不知道如何檢查用戶(hù)是否已經(jīng)使用jQuery滾動(dòng)到頁(yè)面底部。有什么想法嗎?我需要找到一種方法來(lái)檢查用戶(hù)何時(shí)使用jQuery滾動(dòng)到頁(yè)面底部。
查看完整描述

3 回答

?
慕姐8265434

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

使用.scroll()事件window,就像這樣:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }});

你可以在這里測(cè)試,這是窗口的頂部滾動(dòng),因此它向下滾動(dòng)了多少,添加了可見(jiàn)窗口的高度,并檢查它是否等于整個(gè)內(nèi)容的高度(document)。如果您想要檢查用戶(hù)是否是在底部,它看起來(lái)是這樣的:

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("near bottom!");
   }});

你可以在這里測(cè)試這個(gè)版本,調(diào)整一下100任何你想要觸發(fā)的像素。


查看完整回答
反對(duì) 回復(fù) 2019-06-12
?
千巷貓影

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

尼克·克雷弗的答案很好,不用擔(dān)心$(document).height()不同的瀏覽器。

若要使其在所有瀏覽器上運(yùn)行,請(qǐng)從詹姆斯·帕多爾西:

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight    );}

代替$(document).height(),因此最終代碼是:

$(window).scroll(function() {
       if($(window).scrollTop() + $(window).height() == getDocHeight()) {
           alert("bottom!");
       }
   });


查看完整回答
反對(duì) 回復(fù) 2019-06-12
?
浮云間

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

我不太清楚為什么這個(gè)還沒(méi)有發(fā)布,但是MDN文檔,最簡(jiǎn)單的方法是使用本機(jī)javascript屬性:

element.scrollHeight - element.scrollTop === element.clientHeight

當(dāng)您位于任何可滾動(dòng)元素的底部時(shí),返回true。因此,只需使用javascript:

element.addEventListener('scroll', function(event){
    var element = event.target;
    if (element.scrollHeight - element.scrollTop === element.clientHeight)
    {
        console.log('scrolled');
    }});

scrollHeight在瀏覽器中有廣泛的支持,從ie 8到更精確,同時(shí)clientHeightscrollTop都得到了大家的支持。甚至六號(hào)。這應(yīng)該是跨瀏覽器安全的。


查看完整回答
反對(duì) 回復(fù) 2019-06-12
  • 3 回答
  • 0 關(guān)注
  • 492 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)