skrollr - Skrollr：多个实例

Question

我有两列我想用触发器分别制作动画。据我了解：Skrollr 只允许在页面上进行一次实例化。有谁知道是否可以有多个可以关闭和打开的实例？

我在这里开始了一个工作示例：

• 当单击“激活！”时，灰色列将激活 Skrollr 实例。按钮。（“销毁！”按钮将删除它的实例。）
• 我想将 Skrollr 动画隔离到灰色列，但正如您在此示例中看到的那样，黄色/橙色列也被激活。

Answer 1

三种方式

1. 删除/添加销毁/初始化调用之间的数据属性，仅将它们添加到您想要的元素
2. 0使用两个常量，定义为一个函数，并在和1e6（或非常大的东西）之间切换它们。现在大元素的元素将不会被渲染（假设你正在使用edgeStrategy reset）
3. Monkey 修补refresh方法（不触及 skrollr 代码本身）。Skrollr 在使用init. leftColumn.getElementsByTagName('*')现在，当没有传递参数时，您可以修补它以使用或右列中的所有元素。这种方式初始化只会影响其中一列内的元素。