当我的渐进式网络应用程序从 iPhone 主屏幕启动时,我试图摆脱烦人的应用程序级滚动行为。当用户向上或向下拉应用程序时,会显示 PWA 的背景主题颜色。当然,我想要一种更像“应用程序”的感觉,但它不这样做。这似乎只发生在 iPhone 上的 Safari 上 - Android 上的 Chrome 不会出现这种情况。我尝试过的相关CSS如下。在网络清单中,我尝试了“display”:“standalone”和“display”:“fullscreen”。我在这里制作了一个关于该问题的 13 秒 YouTube 视频:https://youtube.com/shorts/6uP7VxZ1mdE
html, body {
margin: 0;
font-family: Roboto, "Helvetica Neue", sans-serif;
overscroll-behavior-y: contain;
overscroll-behavior-x: contain;
width: 100vw;
height: 100vh;
overflow-x: hidden;
overflow-y: hidden;
}
Run Code Online (Sandbox Code Playgroud)