滚动非正文元素时隐藏/最小化移动 Safari 工具栏

Cha*_*ase 8 html css mobile-safari

我有一个带有固定位置页脚的网站。我没有处理移动设备上固定定位的噩梦般的调试,而是灵机一动,将一个 Flexbox 放在一起,填充 100% 的 html/body 高度,并使用固定高度的页脚,页面的其余部分由一个拉伸的主要内容元素,具有overflow-y: scroll.

所以不需要定位页脚。它只是被内容推到页面底部,然后滚动内容元素,而不是正文。

效果很好。但我刚刚注意到,当滚动内容时,iOS Safari 中的地址和工具栏永远不会隐藏/最小化。我认为是因为浏览器不会将溢出算作实际滚动。

没什么大不了的...但是,我正在失去一些好的屏幕房地产...

那么,工具栏隐藏是否仅在主视口滚动时触发?或者我可以使用一些疯狂的元属性或角色属性来使浏览器将不同的元素视为主要“框架”?我尝试过minimal-ui,但没有任何作用。