Question

在一个着名的新闻网站上（sry，不记得究竟是哪一个）我看到了一个非常酷的效果......当你在页面底部滚动时，一个新元素从浏览器视口的顶部向下滑动有很多社交媒体选项（推特，在Facebook上分享等）。我想模仿一些类似的东西......事实上，如果我知道当用户靠近页面底部时如何触发一个函数，我真的会想到很多事情......

所以，我的问题非常基本：当用户在动态大小的页面底部附近滚动时，如何触发一个函数？

Answer 1

$(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      alert('end of page');
   }
});

-10表示在执行函数之前，用户必须离页面末端有多远。这使您可以根据需要灵活地调整行为。

检查http://jsfiddle.net/wQfMx/

处的工作示例

Answer 2

如果页面底部附近有元素，则可以使用Waypoints在用户滚动到该元素时触发函数。或者，如果您想使用Hussein帖子中的像素限制，请务必留意scroll lessons we learned from twitter

当用户在页面底部滚动时，Javascript / JQuery执行功能

2 个答案:

检查http://jsfiddle.net/wQfMx/