Question

我正在尝试使用skrollr在移动浏览器中使用CSS固定背景图像处理issues。我已经构建了一个带有一个背景图像和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;"

并获得视差效果。

Answer 1

将背景图像移动到#skrollr-body 之外的元素（例如body）。因为skrollr使用CSS转换来转换#skrollr-body，这也会移动你的背景。

Skrollr移动浏览器问题

1 个答案: