javascriptに基づいてブラウザのスクロールバーが最後まで速い時に自動的にデータをロードすることを実現します.

2359 ワード

余計な話はしないで、直接みんなにjsコードを貼りました.

 
 
 
   
   
     $(document).ready(function () {
       var range = ;       //      /  px
       var elemt = ;       //      /  px
       var maxnum = ;      //        
       var num = ;
       var totalheight = ;
       var main = $("#content");           //    
       $(window).scroll(function () {
         var srollPos = $(window).scrollTop();  //        (         )
         //console.log("           : "+$(document).scrollTop());
         //console.log("        :"+$(document).height());
         //console.log('      :'+$(window).height());
         totalheight = parseFloat($(window).height()) + parseFloat(srollPos);//            +      
         if (($(document).height() - totalheight) <= range && num != maxnum) {//             <range
           main.append("<div style='border:px solid tomato;margin-top:px;color:#ac" + (num % ) + (num % ) + ";height:" + elemt + "' >hello world" + srollPos + "---" + num + "</div>");
           main.append("<div style='border:px solid tomato;margin-top:px;color:#ac" + (num % ) + (num % ) + ";height:" + elemt + "' >hello world" + srollPos + "---" + num + "</div>");
           num++;
         }
       });
     });
   
 
 
   
this is a scroll test;
hello world test DIV
ps:オリジナルJavaScriptはスクロールバーイベントをどのようにトリガしますか?


window.onscroll = function(){
var scrollT = document.documentElement.scrollTop||document.body.scrollTop;
var scrollH = document.documentElement.scrollHeight||document.body.scrollHeight;
var clientH = document.documentElement.clientHeight||document.body.clientHeight
//console.log(scrollT +"+"+scrollH+"+"+clientH);
if(scrollT == scrollH - clientH){
console.log("    ");
}else if(scrollT == 0){
console.log("    ");
}
}