Css 在PWA中滚动时状态栏中显示的内容

我目前正在用Vue和NuxtJS开发我的第一个PWA。我想要一个自定义的颜色，并已设置了正确的元添加我的页面主体背景颜色相同的标题，紫色

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

但是，当我滚动显示在固定标题上方的内容时，由于透明度，它会显示在状态栏中。。。我怎样才能解决这个问题

滚动时，我要查找的结果是：

---

提前感谢。

可以将主体设置为溢出隐藏，将内部div设置为溢出自动。。。但更好的解决方案是：

通过设置：

<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>