如何知道你何时向下滚动？

Question

只需访问http://techcrunch.com/并向下滚动即可。他们是如何做到的呢？如何使用新徽标显示顶线？有没有jQuery技巧？如何确定人们何时向下滚动一定数量的像素并向他显示新的html？

Answer 1

他们可能只使用jQuery-Waypoints，如果用户“传递”某个HTML元素，则可以触发事件。

示例（摘自页面）：

    $('.entry').waypoint(function() {
       alert('You have scrolled to an entry.');
    });

Answer 2

他们正在使用jquery声纳插件[1]来定义特殊的jquery事件[2]。

诀窍是在非常高的z-index层上放置一个静态定位的顶部元素，动态徽标占据的部分最初是透明的。抛出jquery事件时，它们只会使新徽标显示在任何底层内容之上。

[1] http://artzstudio.com/files/jquery-boston-2010/jquery.sonar/jquery.sonar.js
[2] http://benalman.com/news/2010/03/jquery-special-events/#api

Answer 3

也许他们使用window.pageYOffset，还有document.documentElement.scrollHeight，最后他们使用window.onscroll事件。

Answer 4

他们使用window.scroll（）函数来侦听scroll事件，然后使用window.scrollTop（）来确定徽标从页面顶部的偏移量。 见：http://jsfiddle.net/XkMrc/2/