实现一个nytimes风格的“文章结束建议滑块”

Question

我想在我的网站上实现类似的内容：

当用户滚动到文章末尾时，应显示滑块

是否有一个处理此问题的jQuery插件？ jQuery Waypoints看起来很有希望，但我希望有人有更具体的解决方案。

Answer 1

不需要插件：

$(window).scroll(function() {
  var windowHeight = $(window).height(),
      documentHeight = $(document).height(),
      scroll = $(window).scrollTop();


if (windowHeight + scroll + 200 > documentHeight ) {
     // show the link bar
  }
});

当你在底部的200像素范围内时，这将显示链接栏。 windowHeight将保持屏幕可见部分的高度，documentHeight将保持页面的总高度，包括您可以看到和看不到的内容，scroll将保持如何远离您滚动的文档顶部（从0开始）。

希望这会有所帮助：）