gpt4 book ai didi

skrollr - 如何在手机上修复 Skrollr?

转载 作者:行者123 更新时间:2023-12-04 16:39:41 27 4
gpt4 key购买 nike

我遵循了移动浏览器支持指南,将内容包装在 body 标签的前后。

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

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

带有代码的站点是 http://bit.ly/1rr6zGA

最佳答案

您需要将所有内容包装在 ID 为 skrollr-body 的元素中。 .所有不是 position:fixed 的元素;在您的 css 中进入 skrollr-body元素。

From Skrollr website:

从 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/ ),您不能在使用 CSS 转换的元素内部使用 position:fixed 或 background-attachment:fixed。这就是为什么这些元素需要在 skrollr-body 元素之外。

关于skrollr - 如何在手机上修复 Skrollr?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23389406/

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