相关疑难解决方法(0)
在 React 中隐藏移动浏览器的地址栏（IOS / Android）
移动设备上的Safari和Chrome在页面加载时都包含一个可见的地址栏。当页面主体滚动时，URL 栏会最小化：
我的项目是基于阵营JS，我想实现在页面加载这个结果（因此，没有用户交互的需要，页面需要加载与最小地址栏。我的web应用程序是用的单页，并没有滚动是可能的（类似于谷歌地图的应用程序）。
到目前为止我尝试过的（在 iPhone X 上）：
- manifest.json > "display": "standalone" > 这使得 URL 栏只有在页面保存到主页时才会消失（不是一个好选择）
- window.scrollTo(0, 1) ; 在 index.js 中（所以它在加载时被调用），什么也没有发生，可能只触发 onScroll，但我不能那样做。
参考资料：https : //developers.google.com/web/fundamentals/native-hardware/fullscreen/
13
推荐指数
推荐指数
1
解决办法
解决办法
6003
查看次数
查看次数
固定在Chrome移动设备上的位置，导致滚动时出现问题
在过去的一个小时中，我一直在研究此问题，并且看到了类似的问题，但是我不确定它们是否完全相同。某种程度上可能相关，但是没有一个答案可以帮助我解决问题。
采取以下代码：
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html, body {
height: 100%;
margin: 0;
}
main {
background-color: orange;
height: 1500px;
margin: 50px;
}
footer {
background-color: green;
position: fixed;
height: 50px;
left: 100px;
right: 100px;
bottom: 100px;
}
</style>
</head>
<body>
<main></main>
<footer></footer>
</body>
</html>
这很难调试，因为我似乎无法始终如一地重现该问题。我一直在向上和向下滚动-使Chrome for Android上的地址栏显示和隐藏-最终，将发生以下情况：
由于某种原因，footer绘制位置正确（由CSS指定），但是Chrome开发人员工具会在不同位置检测元素（并非总是如屏幕快照所示）。
为什么这是个问题？
假设我内部有可点击的元素footer，这些元素的可点击区域将在Chrome开发者工具检测到的“蓝色”区域中，而不是页脚实际绘制的位置（绿色区域），因为它应该是用户所在的位置看到。
有什么想法吗？
5
推荐指数
推荐指数
1
解决办法
解决办法
2523
查看次数
查看次数