1. 程式人生 > >jquery實現下拉自動載入

jquery實現下拉自動載入

<script type="text/javascript">  
    $(document).ready(function(){  
        var range = 50;             //距下邊界長度/單位px  
        var elemt = 500;           //插入元素高度/單位px  
        var maxnum = 20;            //設定載入最多次數  
        var num = 1;  
        var totalheight = 0;   
        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()-range) <= totalheight  && num != maxnum) {  
            //你要執行的操作
                num++;  
            }  
        });  
    });  
    </script>