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