jQuery 超屏加载
生活随笔
收集整理的這篇文章主要介紹了
jQuery 超屏加载
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery 超屏加載,當文檔超出屏幕的高度時,加載最新下個列數據
$(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('無更多數據...');} else {$('.pro_list').append(data);}//alert(data);});}});$(function () {var height = $(document).height(); //頁面的高度var keheight = $(window).height(); //瀏覽器可視的高度if (keheight >= height) {$('.loading span').html('無更多數據...');}
});
轉載于:https://www.cnblogs.com/sntetwt/p/3911829.html
總結
以上是生活随笔為你收集整理的jQuery 超屏加载的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery发送含有数组参数的ajax请
- 下一篇: 《C++ Primer 4th》读书笔记