0

我正在尝试使用 skrollr 解决移动浏览器中 CSS 固定背景图像的问题。我已经用一个背景图像和 skrollr 构建了我的文档架构的精简版本，在这里：http ://lkoren.github.io/2013/10/16/skrollrTest.html

文件结构为

<body>
    <div class="doc-container" id="skrollr-body" >
        <div class="content-container" data-start="background-position: right 0px;" data-end="background-position: right 0px;">
            <div class = "info-box">
            </div>
       </div>
   </div>
<Skrollr script goes here>
</body>

在我的 2013 Nexus7 skrollr 上，对 Opera 和 Chrome 没有影响。在 FireFox 中，它往往会导致大量的卡住和卡顿。

在桌面 FireFox 和 Chrome 中它工作正常。我通过设置验证了它实际上在做某事

data-end="background-position: right 500px;"

并获得视差效果。

4

1 回答 1

3

将背景图像移动到(例如)之外的元素。#skrollr-bodybody因为 skrollr 翻译了#skrollr-body使用 CSS 变换，这也移动了你的背景。

于 2013-10-16T18:26:54.017 回答