我正在尝试使用skrollr创建一个简单的视差动画：我的网站在Chrome / Mac上运行良好，但我在ipad上看到异常行为..
在ipad上（在IOS模拟器上测试），
data-start / data-top-bottom 在桌面上，如果我在chrome dev工具中攻击div#hero为position: fixed;，我可以模拟效果。
<div id="skrollr-body"></div>标记</body>
有什么建议吗？
答案 0 :(得分：17)
你只是天真地添加了一个空的#skrollr-body元素。文档说
从skrollr 0.6.0开始，您只需要做一件事：在页面上包含一个id为skrollr-body的元素。这是我们为了假滚动而移动的元素。
如果这是我们为虚假滚动而移动的元素，那么所有元素都需要在其内部（除非它们被固定定位）。
唯一的情况是你不需要#skrollr-body是在使用position时：固定exlusively。事实上，skrollr网站不包含#skrollr-body元素。如果您需要固定和非固定（即静态）元素，请将静态元素放在#skrollr-body元素中。
https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers
答案 1 :(得分：11)
换句话说，只需在开始<div id="skrollr-body">代码后添加<body>代码，然后在</div>代码前添加</body>即可关闭此分部。
答案 2 :(得分：0)
使用skrollr-body id添加div包装器绝对没有任何用处，滚动只是不能在移动设备上工作