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

时间:2012-08-01 20:02:42

标签: javascript ios scroll transform translate3d

有谁熟悉Zynga Scroller JS库?

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

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

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

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

任何帮助?

1 个答案:

答案 0 :(得分:0)

我在某种程度上遇到了同样的问题,我将在下面与解决方案一起描述。

我在一个“无限水平卷轴”上工作,其元素大小相等。这个想法是你在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;
},

左边是ZyngaScroller报告的左边。