jQuery 超屏加载
生活随笔
收集整理的這篇文章主要介紹了
jQuery 超屏加载
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jQuery 超屏加載,當(dāng)文檔超出屏幕的高度時,加載最新下個列數(shù)據(jù)
$(window).scroll(function () {var height = $(document).height(); //頁面的高度var keheight = $(window).height(); //瀏覽器可視的高度var sheight = $(document).scrollTop(); //滾動的高度var num = $('.pro_list a').length;if (height <= keheight + sheight) {$.post('/index.php/ajax-addlist.html', { type: 'class', id: '102', num: num }, function (data) {if (data == '1') {$('.loading span').html('無更多數(shù)據(jù)...');} else {$('.pro_list').append(data);}//alert(data);});}});$(function () {var height = $(document).height(); //頁面的高度var keheight = $(window).height(); //瀏覽器可視的高度if (keheight >= height) {$('.loading span').html('無更多數(shù)據(jù)...');}
});
轉(zhuǎn)載于:https://www.cnblogs.com/sntetwt/p/3911829.html
總結(jié)
以上是生活随笔為你收集整理的jQuery 超屏加载的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery发送含有数组参数的ajax请
- 下一篇: 小米note换电池需要多少钱