Question

我有一个包含一些内容的页面。当它打开时，我想只显示第一个div，并在从顶部滚动500 px后加载所有其他div。怎么做？

目标是延迟加载内容，而不仅仅是隐藏它

代码示例：

 <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/

滚动后加载内容？

2 个答案: