引入mescroll.js
<script type="text/javascript" src="./js/mescroll.m.js"></script>
var mescroll = new MeScroll("mescroll",{
up:{
callback: upCallback,
empty: {
tip: "暂无相关数据~"
},
noMoreSize: 5,
}
});
let dataList = [];
function upCallback(page) {
var pageNum = page.num-1;
var pageSize = page.size;
$.ajax({
url: url+'api/comm/msg?page='+pageNum+'&size='+pageSize+'&published=true',
type: 'GET',
accept: 'application/json;charset=UTF-8',
async: false,
data: {},
headers: { 'Authorization': `Bearer ${localStorage.getItem('token')}`, 'Working-Organization': 1 },
dataType: 'JSON',
success: function (msg) {
var data = msg.data;
var selection = "";
var totalPage=data.totalRecords;
if(page.num == 1) {dataList = [];}
dataList = dataList.concat(data);
var dataObject={};
for (var i = 0; i < dataList.length; i++) {
var dataId=dataList[i].id;
dataObject[dataId]=dataList[i].content;
selection += `<li style="padding:0rem;height:auto" class="item opacity" data-id="${dataList[i].id}" data-title="${dataList[i].title}">
<div class="publishTime">${dataList[i].publishTime}</div>
<img class="ListImg" src="./images/hotspot3.png" alt=""><div class="textTitle">${dataList[i].title}</div>
<p class="txt">${dataList[i].description}</p></li>`
}
setData(dataObject,'DataListMenu');
$('#newsList').html(selection);
$('#mescroll li').click(function () {
var fileid = $(this).attr("data-id")
var filetitle = $(this).attr("data-title");
var link =htmlUrl("/details.html?id=" + fileid + "&title="+filetitle);
forward(link)
});
mescroll.endByPage(data.length, totalPage);
},
error: function(e){
mescroll.endErr();
}
})
};
function setData(a,menu){
localStorage.setItem(menu,JSON.stringify(a));
}