固定标题超过滚动条

时间:2018-03-11 19:11:55

标签: scrollbar overflow css-position mobile-browser

我有一个固定的标题,它隐藏了滚动条的顶部。 这是因为overflow: autohmtl上的body设置造成的。 但是,如果我不这样做,它会破坏移动浏览器上的浮动标题(Firefox除外)。

我不知道该怎么做,似乎我要么在滚动条上有标题,要么在移动浏览器上有固定的标题。

{{3}}

    html, body {
        height: 100%; width: 100%;
        margin: 0;
        overflow: auto;
    }

    header {
        position: fixed; top: 0; left: 0;
        width: 100%; height: 7.5em;
        z-index: 1000;
    }

1 个答案:

答案 0 :(得分:0)

我从overflow: auto移除了body,并将user-scalable=no添加到<meta content='width=device-width,initial-scale=1' name='viewport'>。这就是诀窍。

请参阅this answer