使用前端路由防止 iOS chrome 状态栏重新出现

Posted 2023-03-14

【中文标题】使用前端路由防止 iOS chrome 状态栏重新出现

【英文标题】：Prevent iOS chrome status bar from reappearing with front end routing

【发布时间】：2018-03-28 14:11:26

【问题描述】：

使用 React 路由器处理 React 前端应用程序 - 想知道是否可以阻止 ios 状态栏出现在新的前端路由更改中。

【参考方案1】：

AFAIK 选择退出在移动浏览器中隐藏和显示 UI 的唯一方法是防止正文完全滚动：将您的整个网站置于 position: fixed; top: 0; bottom 0 容器内并在其中滚动。我写了更多关于它的内容here。

【讨论】：

澄清一下，在这种情况下出现该栏是因为 react-router 已向上滚动到正文的顶部。