在 Android 上的移动浏览器中向下滚动时，站点不会隐藏地址栏

Question

我通过“create-react-app”function（使用哈希路由器，如果有帮助的话）制作了简单的 React 应用程序，并将其部署在 github-pages 上。 但是，不幸的是，当我向下滚动时，我的所有页面都不会在移动浏览器中隐藏地址栏。 页面高度当然是 100% 以上。 有类似的问题： Force hide address bar in Chrome on Android ，但我没有解决方案。 这不是一个混合应用程序或其他东西，它只是一个站点。 我不需要在加载时隐藏地址栏，只需向下滚动时，向上滚动时弹出它。 我认为默认情况下这只是网站的正常行为，不是吗？ 也许我需要在 my.html/.css/.jsx/.json 文件中添加/删除某些内容以使其可行（也许我删除了一些对它很重要的东西，我不知道），但我找不到它们之间的区别我的网站和其他网站，写在 React 或纯 html/css/js 堆栈上。 我还尝试在这里和互联网上查找信息，花了大约 2 个小时。 我很绝望。

在这里学习了以下问题：

在 chrome (android) 上隐藏移动浏览器地址栏

如何在 Chrome 中为 Android 平板电脑隐藏工具栏以实现 100% 高网站

使用向下滚动手势隐藏 android chrome 浏览器中的地址栏

隐藏滚动条，但仍然可以滚动

如何隐藏移动浏览器的地址栏？

Answer 1

找到了原因。 希望它能帮助像我一样犯过类似有趣错误的人。

关键是我嵌入了以下代码以避免背景问题（它没有覆盖整个页面区域）：

html, body, #root {
  width: 100%;
  height: 100%;}

当然，它会阻止身高的增长，尽管视觉内容超过 100%。 即使我从这个规则集中删除#root ，它也无济于事，尽管#root会大于 html 和 body。

解决方案是改为设置最小大小（当然，除了删除#root）：

html, body {
  min-width: 100%;
  min-height: 100%;}

抱歉打扰了各位）