Jquery Skrollr.js（followup）根据窗口高度动态设置属性；元素的y位置，但属性必须响应特定序列

如果你是通过我的问题来这里的，那么你基本上知道发生了什么

我正在使用的插件Skrollr无法处理无限循环操作。因此，@Prinzhorn建议使用“模数运算符”。正如你所看到的，我试过了。然而，这带来了另一个问题，正如您在这里也可以看到的，因为我需要每滚动n个像素就发生一个事件（动画）。但是卷轴从来没有经过每一个数字；它跳过了很多。所以，到目前为止，我不知道如何从那里得到一个恒定的间隔

无论如何，这个问题和这样一个事实：让某些动作（或者更确切地说，许多动作）总是毫无疑问地发生，即使它们所影响的对象不在视口中，这可能不是一个好主意

因此，我决定尝试为我的初始Skrollr动态设置

data

值。这些数据值将尽我所能，通过jQuery根据窗口高度和内容中的位置等自行计算出来。因此，非常快，我设置了，将要设置动画的不同层附加到需要附加的位置，并设置了

数据
间隔，以便在视口中处理它们的操作然而，我还没有弄清楚如何让他们按照下面显示的顺序设置CSS值！但你读这篇文章的时候，我正在努力

<div class="red" data-0="display: block;">1</div>
<div class="yellow" data-0="display: none;" data-50="display: block;" data-400="display: none;">2</div>
<div class="blue" data-0="display: none;" data-100="display: block;" data-350="display: none;">3</div>
<div class="green" data-0="display: none;" data-150="display: block;" data-300="display: none;">4</div>
<div class="purple" data-0="display: none;" data-200="display: block;" data-250="display: none;">5</div>

现在我必须弄清楚如何将这些
数据
属性中的一些属性用于
display:block和，其他，
显示：无以及如何使它们不对称，因为它们需要响应上面的来回序列


更新第一号
好的，这就是我现在要做的：

通过模块化，我已经设法接近我所需要的。现在它几乎是连续的，但不完全是连续的。有什么想法吗

for (i in intervals) {
  layer += ' data-' + (start + intervals[i]) + '=" "';
}