滾動後加載內容？

Question

我有一些內容的頁面。當它打開時，我只想顯示第一個div，並從頂部滾動500 px後加載所有其他div。怎麼做？

的目標是延遲加載的內容，而不只是將其隱藏

代碼exampe：

<div id="first_loaded"></div> 
    <div id="loaded_after_scrolling"></div> 

Answer 1

以下是您的示例中的a fiddle。

$(document).ready(function() { 
    $("#loaded_after_scrolling").hide(); 
    $(window).scroll(function() { 
     if($(window).scrollTop()>500) { 
      $("#loaded_after_scrolling").fadeIn(); 
     } 
    }); 
}); 

Answer 2

使用：

$(window).scroll(function(){ 
    if ($(window).scrollTop() > 500) 
    { 
     // load div content here 
    } 
} 

編輯

試試這個 http://jsfiddle.net/gWD66/2489/