javascript - 动态更新 skrollr

Question

我正在寻找一种动态更新 skrollr 的绝对位置值的方法。相对定位是不可能的，因为 body 标签是父元素并且扩展了页面的整个长度。所讨论的对象在 body 标签内的位置是固定的。

1) 有没有办法动态更新元素的绝对值而不需要重新实例化整个插件？例如将“data-8000-start”更改为“data-9000-start”。使用 jQuery 更新这些似乎有点不足。

2) 使用常量似乎几乎让我达到了目的，但如前所述，需要我重新实例化插件。有没有办法将这样的常量传递给刷新方法？

Answer 1

首先让我感谢@Prinzhorn 提供了这个神奇的工具。它确实是一件不错的作品，并且是一笔巨大的财富。我以前为这类事情构建过自定义解决方案，但这确实增加了一个简单的元素。

虽然现在似乎没有支持的方法来使用 Skrollr 动态更新数据属性。但正如 comment above 中所述有一个请求。但是，我设法将一些效率相当低的东西组合在一起。我只在调整大小时执行了此操作，因此尽可能少地使用它。

1. 我使用 JS 删除了元素的所有属性。这看起来非常无用，但我所做的任何试图让它删除数据属性的尝试都没有奏效。
2. 我在删除的属性上重新添加了必要的属性。然后更改我的动态值并应用新的数据属性。
3. 最后，我对 Skrollr 进行了刷新调用，并且只将其应用于我已更新的元素。这有助于确保只更新必要的部分。