滚动到页面底部时jQuery加载内容

Question

当我向下滚动页面加载时，我需要这样做

<div class="container">
<div class="news">News 1</div>
<div class="news">News 2</div>
<div class="news">News 3</div>
<div class="news">News 4</div>
</div>

我只有html网站，没有PHP和MySQL，所有新闻都是我的一页。 例如，当滚动到底部500 px时，加载更多内容

Answer 1

我认为你可以在Javacript中使用Lazy Load插件做得更好。

但实现所需内容的最简单方法是按照以下步骤使用Jquery：

1 - 计算窗口垂直尺寸（准备就绪文件）

var element = $(window).height();

2 - 使用元素页面计算Scroll和counterweigh

$(window).scroll(function(){
  var y = $(window).scrollTop();
    if (y >= element){
      // Do stuff, like append more elements
    }
});

Answer 2

如果您正在寻找延迟加载this，那么如何在您的网站上获取它是一个很好的分步教程。我很快就在我的网站上完成了它。