jQuery:滚动某个类的div时运行

时间:2011-12-18 20:30:08

标签: javascript jquery html scroll

所以我有多个相同类的div在彼此之下。我现在想要在每次访问者滚动到新div时触发“加载注释”功能。但是,我不知道如何跟踪jQuery滚动div。每个div的注释只能加载一次,我的想法是将当前位置保存在变量中,只在新滚动位置大于旧滚动时加载注释。

你能帮帮我吗?

编辑:我创建了一个图像,显示了我需要做的事情。 图片:http://i.imgur.com/78EYK.jpg

编辑2:已解决! 用视口解决(感谢Royi Namir) http://www.appelsiini.net/projects/viewport

我的代码:

load = $(".my-div:in-viewport").attr('id');
load_comments(load);

这是每秒执行一次。

1 个答案:

答案 0 :(得分:1)

你应该阅读有关视口的信息

视口广告将一些额外的选择器广告到jQuery。使用这些选择器,您可以检查元素是在视口内部还是外部。要了解它是如何工作的,请查看演示。

http://www.appelsiini.net/projects/viewport/3x2.html