gpt4 book ai didi

javascript - Skrollr 手机浏览器问题

转载 作者:太空宇宙 更新时间:2023-11-03 23:53:03 24 4
gpt4 key购买 nike

我正在尝试使用 skrollr 解决 issues在移动浏览器中使用 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;"

并获得视差效果。

最佳答案

将背景图像移动到 #skrollr-body 之外的元素(例如 body)。因为 skrollr 使用 CSS 转换翻译 #skrollr-body,这也会移动您的背景。

关于javascript - Skrollr 手机浏览器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19410798/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com