javascript - Zynga Scroller - 为可滚动区域设置起始偏移量

Question

有人熟悉Zynga Scroller JS 库吗？

如何为可滚动区域设置默认偏移量？

我使用以下方法设置元素的 CSS：

-webkit-transform' : 'translate3d(200px, 0px, 0) scale(1)

假设我想要可滚动区域的偏移量为 200 像素，但代码在页面加载时会覆盖它，并快速回到 0 像素。当我硬编码 200px 偏移时，它会认为 200px 是起始位置并像边缘一样反弹回来。

有什么帮助吗？

Answer 1

我在某种程度上遇到了同样的问题，我将在下面描述它以及解决方案。

我在一个元素大小相等的“无限水平滚动条”上工作。这个想法是您在 DOM 中将只有 nrVisibleElements + 2 个元素。1 在您的滚动窗口之前，第二个在它之后。第一个和最后一个元素根据移动方向交换。您可以在此处找到该库：https ://github.com/bedeabza/JS-Infinite-Scroller

现在，我想对元素使用捕捉，但如果我激活捕捉，ZyngaScroller 将在我附加交换的元素之前捕捉，因为它认为我的容器将结束。这就是为什么我使用 setDimensions() 方法向它报告一个更大的容器 (1000 * actualDimension) 并使用 500 * actualDimension 偏移我的尺寸处理。

基本上每次我在 DOM 上设置实际变换时，我都会使用以下方法对其进行偏移：

offset: function (left) {
    return left + this.offsetValue;
},

left 是 ZyngaScroller 报告的左侧。