ScrollBar在Html内容之上

时间:2015-12-27 12:38:16

标签: html css

如您所知,如果html内容垂直视图不仅仅是浏览器窗口,则垂直滚动条将添加到页面。它会导致将html内容移动到左侧,但是视图效果不佳。

您可以使用此CSS代码避免此处理:

html{
    overflow: scroll;
}

但是此代码存在问题,您将始终在页面右侧看到禁用的滚动条。现在让我们检查另一种方法,这样你就可以减去滚动宽度的体宽:

    body {
        width: calc(100vw - 68px);
        margin-left: 34px;
    }

这会将身体置于中心位置,如果以后垂直滚动条添加到页面中,它将不会影响内容,并且将位于身体区域的右侧!这种方式很好,但问题很少。你减去了你的体宽!!!想想我的身体部位已经完全填满!在这种情况下,我需要整个100%的宽度,我也不希望滚动条将我的内容移动到左边,而且我也不希望看到一个禁用的滚动条总是!

所以我正在寻找一种方法,我可以在html内容的顶部显示滚动条。所以没有什么会移动,我也有100%的宽度,当需要时我会看到滚动条。

有这样的伎俩吗?希望我足够清楚。

0 个答案:

没有答案
相关问题