如何修复手机上的 Skrollr？

我遵循移动浏览器支持指南，将内容包装在正文标记之后和之前。

解释在这里：https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers

然而，该网站仍然不允许页面在 iPad 上滚动。我不知道为什么。任何代码侦查将不胜感激。

网站代码是http://bit.ly/1rr6zGA http://bit.ly/1rr6zGA

您需要将所有内容包装在 ID 为的元素中skrollr-body。所有非position:fixed的元素在你的CSS里面skrollr-body元素。

来自 Skrollr 网站： https://github.com/Prinzhorn/skrollr

从 skrollr 0.6.0 开始，您只需要做一件事：在页面上包含 id 为 skrollr-body 的元素。这就是我们为了假滚动而移动的元素。唯一不需要#skrollr-body 的情况是专门使用position:fixed 时。事实上，skrollr 网站不包含 #skrollr-body 元素。如果您需要固定和非固定（即静态）元素，请将静态元素放在 #skrollr-body 元素内。

或者换句话说：在移动设备上，skrollr-body 元素是使用 CSS 变换来移动的。根据 CSS 规范（http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/ http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements-with-css-transforms/）。这就是为什么这些元素需要位于 skrollr-body 元素之外。