我希望有一个页面,只有当它通过滚动到达该部分时才加载内容,就像 pinterest 网站正在做的那样。
实现它的设计是什么,或者是否有插件可以做到这一点?请帮忙。
我希望有一个页面,只有当它通过滚动到达该部分时才加载内容,就像 pinterest 网站正在做的那样。
实现它的设计是什么,或者是否有插件可以做到这一点?请帮忙。
$(window).on( "scroll" , function() {
var $document = $(document);
var $window = $(this);
if( $document.scrollTop() >= $document.height() - $window.height() - 400 ) {
// do something
}
});
其中 400 是您从页面底部的偏移量。有插件可以做到这一点,但这是一些简单的代码。我推荐使用 underscorejs 来限制这个函数,因为这个函数会在每次滚动顶部改变时触发。因此,对于每个像素,它都会触发。通常我将其限制为每秒仅运行 60 帧。
如果你想尝试一下,有一个用于 jQuery 的延迟加载插件: