Infinite-Scroll无限滚动加载数据

Infinite-Scroll无限滚动加载数据,20210926174055.jpg,第1张

jQuery

$('#content').infinitescroll({ 
    loading: { 
        msgText: "", 
        img: "images/loading.gif", 
        finishedMsg: '没有新数据了哦...', 
        selector: '.loading' //loading选择器 
    }, 
    navSelector: "#pages", //导航的选择器,会被隐藏 
    nextSelector: "#next",//包含下一页链接的选择器 
    itemSelector: "p",//你将要取回的选项(内容块) 
    debug: true, //启用调试信息,若启用必须引入debug.js 
    dataType: 'html',//格式要和itemSelector保持一致 
    maxPage: 5,//最大加载的页数 
    //                animate: true, //当有新数据加载进来的时候,页面是否有动画效果,默认没有 
    extraScrollPx: 150, //滚动条距离底部多少像素的时候开始加载,默认150 
    //                bufferPx: 40, //载入信息的显示时间,时间越大,载入信息显示时间越短 
    errorCallback: function() { //加载完数据后的回调函数 
    }, 
    path: function(index) { //获取下一页方法 
        return "page.php?p=" + index; 
    }, 
}, 
function(newElements, data, url) { //回调函数 
    //console.log(data); 
    //alert(url); 
});

转载请说明出处
UE资源网 » Infinite-Scroll无限滚动加载数据

发表评论

欢迎 访客 发表评论

成为会员可下载全站资源!

查看演示 官网购买