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

时间:2017-07-25 06:46:55

标签: html css mobile-safari

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

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

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

没什么大不了的......但是,这是一个很好的筛选房地产,我正在失去......

那么,当主视口被碾压时,工具栏是否只能隐藏?或者是否有一些疯狂的元属性或角色属性我可以用来使浏览器将不同的元素视为主要的“框架”?我试过minimal-ui,但没有做任何事。

0 个答案:

没有答案