小编Riv*_*ver的帖子

iPhone / Safari 上的渐进式 Web 应用程序应用级滚动行为显示主题背景

当我的渐进式网络应用程序从 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)

css iphone scroll uiscrollview progressive-web-apps

7
推荐指数
1
解决办法
735
查看次数

标签 统计

css ×1

iphone ×1

progressive-web-apps ×1

scroll ×1

uiscrollview ×1