我已经遵循了移动浏览器支持的指导原则,将内容包装在body标签之后和之前.
Explination在这里:https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers
该网站仍然不允许页面在iPad上滚动.我不知道为什么.任何代码调查都会非常感激.
hal*_*uud 12
您需要将所有内容包装在ID为的元素中skrollr-body.所有非位置的元素:固定; 在你的CSS中进入skrollr-body元素.
从skrollr 0.6.0开始,您只需要做一件事:在页面上包含一个id为skrollr-body的元素.这是我们为了假滚动而移动的元素.您不需要#skrollr-body的唯一情况是使用position:fixed only.事实上,skrollr网站不包含#skrollr-body元素.如果您需要固定和非固定(即静态)元素,请将静态元素放在#skrollr-body元素中.
或者换句话说:在移动设备上,使用CSS转换移动skrollr-body元素.您不能拥有位置:固定或背景附件:根据CSS规范修复使用CSS变换的内部元素(http://meyerweb.com/eric/thoughts/2011/09/12/un-fixing-fixed-elements -with-css-transforms /).这就是为什么这些元素需要在skrollr-body元素之外.