jqueryはhtmlページdivの偽のページを実現して原理があってコードがあります

1524 ワード

divダミーページング原理:充填後のdivの総高さ(1000 px)表示高さ(100 px)はページ総数が10ページである.2ページ目を表示すると、表示されるdivの高さは100~200です.
ページをめくると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); //    ,       
} 

ダイナミックデータのページングでは、最後のページがページングバー数に満たないため、具体的な高さを入力する必要があります.そうしないと、ページングで前のページのデータが最後のページに繰り返し表示されます.