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

Question

任何熟悉 Zynga Scroller 的人JS库？

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

我使用以下方法为元素设置 CSS:

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

假设我想为可滚动区域设置一个 200px 的偏移量，但代码在页面加载时覆盖了它，并快速返回到 0px。当我硬编码 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报告的left。