Question

有没有办法让内容以overflow: hidden;的方式隐藏而不隐藏滚动条？我正在尝试制作一个带有视频背景的网站，并且为了使视频在不同尺寸的屏幕或具有不同宽高比的屏幕上正确地适合屏幕，我需要在某些时候隐藏屏幕上的一些视频。我一直这样做：

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0;
}

然而，我注意到这种方法隐藏了浏览器滚动条，在浏览器窗口的右侧创建了一个空间，该空间仅显示位于滚动条“下方”的视频（隐藏在页面旁边{{1但是，网站的其余部分不会扩展到额外的空间。仍然可以使用鼠标滚轮滚动，但条形图不会出现。

Answer 1

而不是position:absolute尝试position:fixed

Answer 2

为什么不试试

overflow : scroll;

或

overflow : visible;