Javascript iOS浏览器溢出时出现空白

我对HTML和CSS还很陌生。我目前正在为手机开发一个网页。我面临的一个问题是，当我在不可滚动的页面上拖动时，在iOS safari或chrome浏览器上，顶部会出现空白

我已将我的页面CSS设置如下：

.app-view{
  white-space: nowrap;
  top: 0px;
  overflow-y: hidden!important;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

此空白仅出现在iOS上，而不出现在Android上。有人知道怎么做吗

更新：

---

我已经得到了答案，我使用的是framework7，当我将该层更改为position:fixed时，下面隐藏着另一层。问题会消失

可能在包含您的

的块中有一些不期望的边距或填充。应用程序视图

，如果没有您的标记和其他css，很难回答