jqueryはhtmlページdivの偽のページを実現して原理があってコードがあります
1524 ワード
divダミーページング原理:充填後のdivの総高さ(1000 px)表示高さ(100 px)はページ総数が10ページである.2ページ目を表示すると、表示されるdivの高さは100~200です.
ページをめくるとdivスクロールバーが移動します.
ダイナミックデータのページングでは、最後のページがページングバー数に満たないため、具体的な高さを入力する必要があります.そうしないと、ページングで前のページのデータが最後のページに繰り返し表示されます.
ページをめくるとdivスクロールバーが移動します.
var obj = document.getElementById("applications"); //
var pages = document.getElementById("pages"); //
window.onload = function ()//
{
var allpages = Math.ceil(parseInt(obj.scrollHeight) / parseInt(obj.offsetHeight)); //
// pages.innerHTML = "<b> " + allpages-1+ " </b> "; //
for (var i = 1; i <= allpages; i++) {
if (i == 1) {
pages.innerHTML += "<a href=\"javascript:showPage('" + i + "');\"> </a> ";
}
else{
pages.innerHTML += "<a href=\"javascript:showPage('" + i + "');\">" + i + "</a> ";
}
//
}
}
function showPage(pageINdex) {
obj.scrollTop = (pageINdex - 1) * parseInt(obj.offsetHeight); // ,
}
ダイナミックデータのページングでは、最後のページがページングバー数に満たないため、具体的な高さを入力する必要があります.そうしないと、ページングで前のページのデータが最後のページに繰り返し表示されます.