javascript - iOS浏览器溢出时的空白

Question

我对 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 时，还有另一层隐藏在下面。问题会消失

标签： javascripthtmlcss

Answer 1

也许在包含你的块中有一些意想不到的边距或填充，.app-view没有你的标记和其他 css 很难回答