亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jQuery加載關于滾動的更多數據。

jQuery加載關于滾動的更多數據。

Helenr 2019-07-12 16:34:44
jQuery加載關于滾動的更多數據。我只是想知道,只有在div.load可見的情況下,我才能在滾動中實現更多的數據。通常我們會查找頁面高度和滾動高度,以查看是否需要加載更多數據。但是下面的例子并不復雜。下面的圖像就是一個很好的例子。在下拉框上有兩個。裝載div。當用戶滾動內容時,無論哪個是可見的,它都應該開始為其加載更多的數據。那么,我如何才能發現.load div是否對用戶是可見的呢?所以我只能開始為這個div加載數據。
查看完整描述

3 回答

?
牛魔王的故事

TA貢獻1830條經驗 獲得超3個贊

在jQuery中,檢查是否已經使用滾動函數到達頁面底部。一旦達到這個目標,就進行Ajax調用(您可以在這里顯示一個加載映像,直到Ajax響應),并獲取下一組數據,并將其附加到div中。當您再次向下滾動頁面時,將執行此函數。

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() - $(window).height()) {
           // ajax call get data from server and append to the div
    }});


查看完整回答
反對 回復 2019-07-12
?
UYOU

TA貢獻1878條經驗 獲得超4個贊

你聽說過jQuery Waypoint插件.

下面是調用waypoint插件并在滾動頁底部加載更多內容的簡單方法:

$(document).ready(function() {
    var $loading = $("<div class='loading'><p>Loading more items&hellip;</p></div>"),
    $footer = $('footer'),
    opts = {
        offset: '100%'
    };

    $footer.waypoint(function(event, direction) {
        $footer.waypoint('remove');
        $('body').append($loading);
        $.get($('.more a').attr('href'), function(data) {
            var $data = $(data);
            $('#container').append($data.find('.article'));
            $loading.detach();
            $('.more').replaceWith($data.find('.more'));
            $footer.waypoint(opts);
        });
    }, opts);});


查看完整回答
反對 回復 2019-07-12
  • 3 回答
  • 0 關注
  • 680 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號