元素变得可见时的增量?

时间:2015-08-24 14:04:52

标签: javascript jquery html css skrollr

我正在使用skrollr插件。

我有一套箭头。一个指向下方,另一个指向上方。单击向下箭头时,它将转到动画的下一部分/章节。现在它很棒。但我的问题是让用户做以下事情:

他/她在页面中间滚动(让我们说第5节)。然后他们决定看看剩下多少动画。所以他们点击下一部分箭头。

这个用户将被放到第2部分,即使他们在第5部分,因为我无法检测用户何时点击每个部分,所以我可以更新箭头#hrefAnchor。

我在想的是添加一个间隔/事件监听器,它会检测该部分在DOM上何时可见,并更新箭头以将您带到上一部分和下一部分。

有谁知道我如何处理这个想法?...并且将在ie> = 9

中工作

2 个答案:

答案 0 :(得分:2)

如果你能控制下次"下一步"单击,您可以检查当时的滚动值以确定它之间的哪个部分并打开它以将它们发送到相应的部分?基本上,不是试图始终保持目标电流浪费/困难/容易出错,而是在重要时计算它 - 当发生咔嗒声时。

答案 1 :(得分:0)

如果你给你的元素一个像"visible"这样的类,你可以使用jQuery选择所有可见元素:

$(".element.visible:last-of-type").on("click", function() {

});