Skrollr:多个实例

Question

我有两个列，我想用触发器分别动画。据我所知: Skrollr只允许在页面上实例化一个实例。有没有人知道是否有可能有多个实例可以关闭和打开？

我启动了一个这里的工作示例

• 当单击“激活！”时，灰色列将激活Skrollr实例。按钮。(“毁灭！”按钮将移除其实例。)
• 我想将Skrollr动画隔离到灰色列，但正如您在本例中所看到的，黄色/橙色列也正在被激活。

Answer 1

三种方式

1. 删除/添加破坏/init调用之间的数据属性，并且只将它们添加到您想要的元素中
2. 使用两个常量，定义为一个函数，并在0和1e6 (或非常大的东西)之间切换它们。现在，使用大型元素的元素实际上不会呈现(假设您使用的是edgeStrategy reset)。
3. 猴补丁refresh方法(不接触skrollr代码本身)。当使用init时，Skrollr在内部使用它。现在，您可以在没有传递参数的情况下，修补它以使用leftColumn.getElementsByTagName('*')或右列中的所有元素。这样，初始化只会影响其中一个列中的元素。