android - chrome #urlbar 隐藏时如何避免向下滚动

Question

即使我将 body 和 html 高度设置为 100vh，我的网站也处于移动响应滚动状态。

html,
body{
     height: 100vh
}

我也计算了 chrome #urlbar 但仍然滚动

@supports (-webkit-appearance:none) {
    .fixed-view {
        height: calc(92vh - 56px);
    }
}

my mobile screen
mobile screen in show of chrome #urlbar

Answer 1

我也有这个问题，设置样式:

html, body {
height: 100%;
}

就够了。