如何知道用户何时滚过<div>？

Question

我正在构建一些向用户展示他们尚未见过的项目的东西.

每个项目都在a中<div>,因此当用户滚过div或查看div时,我希望该项目被标记为已被看到.

Google阅读器执行此操作,如果您滚动浏览Feed中的某个项目,它会自动将其标记为已读.

如何跟踪？建议请.

注意:不应限制使用鼠标滚动,向下/向上翻页,使用箭头键等也应计算.主要标准是用户看到了div.

Answer 1

你需要jQuery scrollTop.

就像是:

$(window).scrollTop() > $('#mydiv').offset().top;

当它第一次进入视图时,或者$('#mydiv').height()如果你希望它在完全在视图中时被标记,则添加到顶部偏移.

Answer 2

您可以使用这样的解决方案，http://www.appelsiini.net/projects/viewport，我过去使用过。