javascript - 当元素变得可见时增加？

Question

我正在使用 skrollr 插件。

我有一组箭头。一个指向下方，另一个指向上方。当您单击向下箭头时，它会将您带到动画的下一部分/章节。现在效果很好。但我的问题是假设用户执行以下操作:

他/她滚动了一半页面(比方说第 5 部分)。然后他们决定看看还剩下多少动画。因此，他们单击下一节箭头。

该用户将被置于第 2 部分，即使他们位于第 5 部分，因为我无法检测用户何时点击每个部分，因此我无法更新箭头 #hrefAnchor。

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

有谁知道我该如何处理这个想法？...并且会在 ie >= 9 中工作

Answer 1

如果您愿意修改 Skrollr 库，我所做的就是添加:

else if(prop === 'javascript') {
    eval(val);
}

作为 skrollr.setStyle 中的一个选项，它允许您使用 data-XXX="javascript:myFunction() ;" 而且我相信 Skrollr 甚至仍会为您在参数中插入数字。