1

我希望有一个页面，只有当它通过滚动到达该部分时才加载内容，就像 pinterest 网站正在做的那样。

实现它的设计是什么，或者是否有插件可以做到这一点？请帮忙。

4

2 回答 2

3 
$(window).on( "scroll" , function() {

     var $document = $(document);
     var $window = $(this);

     if( $document.scrollTop() >= $document.height() - $window.height() - 400 ) {
         // do something
     }

 });

其中 400 是您从页面底部的偏移量。有插件可以做到这一点，但这是一些简单的代码。我推荐使用 underscorejs 来限制这个函数，因为这个函数会在每次滚动顶部改变时触发。因此，对于每个像素，它都会触发。通常我将其限制为每秒仅运行 60 帧。

于 2012-08-28T01:41:37.123 回答
0

如果你想尝试一下，有一个用于 jQuery 的延迟加载插件：

http://www.appelsiini.net/projects/lazyload

于 2012-10-24T07:08:11.700 回答