【问题标题】:Zynga Scroller - Set a starting offset for a scrollable areaZynga Scroller - 为可滚动区域设置起始偏移量
【发布时间】:2012-07-30 18:58:56
【问题描述】:

有人熟悉Zynga Scroller JS 库吗?

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

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

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

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

有什么帮助吗?

【问题讨论】:

    标签: javascript ios scroll transform translate3d


    【解决方案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;
    },
    

    左边是 ZyngaScroller 报告的左边。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-10-24
      • 2012-10-28
      • 2011-12-11
      • 1970-01-01
      • 2020-03-09
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多