我正在使用 skrollr 在网站中实现多个目标(类似视差的背景、更改元素不透明度等),它在桌面和移动设备上都运行良好。
我注意到的唯一问题是移动操作系统浏览器不再隐藏工具栏。一旦我禁用了 skrollr,一切都很好 - 工具栏在我开始滚动页面后立即消失。使用 skrollr 时,工具栏始终可见。
有没有办法使用 skrollr 并且仍然保持常规的浏览器行为?
让我知道是否有任何其他信息可以帮助您理解问题。
谢谢
我正在使用 skrollr 在网站中实现多个目标(类似视差的背景、更改元素不透明度等),它在桌面和移动设备上都运行良好。
我注意到的唯一问题是移动操作系统浏览器不再隐藏工具栏。一旦我禁用了 skrollr,一切都很好 - 工具栏在我开始滚动页面后立即消失。使用 skrollr 时,工具栏始终可见。
有没有办法使用 skrollr 并且仍然保持常规的浏览器行为?
让我知道是否有任何其他信息可以帮助您理解问题。
谢谢
我们无法以编程方式隐藏/显示地址栏。甚至不可能只隐藏它(iOS 7 完全不可能做到这一点,而 7.1 将添加一些元标记来完全隐藏它),更不用说再次显示它了。
https://gist.github.com/scottjehl/1183357
使用 window.scrollTo 隐藏 URL 栏的旧技巧不再起作用;因此,在没有用户干预滚动页面的情况下,无法隐藏 URL 栏或工具栏。
如果你不使用自然卷轴,你会遇到问题(详情如下)。
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
已为视口元标记键添加了一个属性 minimum-ui,该属性允许在页面加载时最小化 iPhone 上的顶部和底部栏。在使用最小用户界面的页面上,点击顶部栏会返回栏。回击内容会再次关闭它们。
例如,使用 <meta name="viewport" content="width=1024, minimum-ui">。