我有一些内容的页面。当它打开时,我只想显示第一个div,并从顶部滚动500 px后加载所有其他div。怎么做?滚动后加载内容?
的目标是延迟加载的内容,而不只是将其隐藏
代码exampe:
<div id="first_loaded"></div>
<div id="loaded_after_scrolling"></div>
我有一些内容的页面。当它打开时,我只想显示第一个div,并从顶部滚动500 px后加载所有其他div。怎么做?滚动后加载内容?
的目标是延迟加载的内容,而不只是将其隐藏
代码exampe:
<div id="first_loaded"></div>
<div id="loaded_after_scrolling"></div>
以下是您的示例中的a fiddle。
$(document).ready(function() {
$("#loaded_after_scrolling").hide();
$(window).scroll(function() {
if($(window).scrollTop()>500) {
$("#loaded_after_scrolling").fadeIn();
}
});
});
使用:
$(window).scroll(function(){
if ($(window).scrollTop() > 500)
{
// load div content here
}
}
编辑
不工作。我的内容中有很多div和脚本 – user3381580
Thanx淡入效果。它可以工作,但页面的大小相同!目标是延迟加载内容,而不是隐藏它。 – user3381580