jQuery加載關于滾動的更多數據。我只是想知道,只有在div.load可見的情況下,我才能在滾動中實現更多的數據。通常我們會查找頁面高度和滾動高度,以查看是否需要加載更多數據。但是下面的例子并不復雜。下面的圖像就是一個很好的例子。在下拉框上有兩個。裝載div。當用戶滾動內容時,無論哪個是可見的,它都應該開始為其加載更多的數據。那么,我如何才能發現.load div是否對用戶是可見的呢?所以我只能開始為這個div加載數據。
3 回答
哆啦的時光機
TA貢獻1779條經驗 獲得超6個贊
$(window).scroll(function() {
if($(window).scrollTop() == $(document).height() - $(window).height()) {
// ajax call get data from server and append to the div
}});
小唯快跑啊
TA貢獻1863條經驗 獲得超2個贊
$(document).ready(function() {
var $loading = $("<div class='loading'><p>Loading more items…</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);});- 3 回答
- 0 關注
- 338 瀏覽
添加回答
舉報
0/150
提交
取消
