Question

我做了一个网页：my-web-page 但是在减少浏览器窗口时没有垂直滚动条。如何获得垂直滚动？

我的style.css文件如下：

a busy cat http://www.cde-express.com/wangying/css.jpg

非常感谢！

Answer 1

希望这可以帮到你!! 只需使用css“main class”

将此行添加到DIV中

overflow-y: scroll;

多数民众赞成:)你的左平底锅将可滚动。如果想要一些时尚的滚动条，那么在CSS文件的开头添加这些行。

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px greenyellow; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: orange; 
    -webkit-box-shadow: inset 0 0 6px blueviolet; 
}
::-webkit-scrollbar-thumb:window-inactive {
        background: yellow; 
}

Answer 2

滚动条已隐藏，因为您已明确隐藏它。

如果你摆脱第24行的overflow: hidden部分，你应该会看到你的滚动条。您的第24行应如下所示：

body{ margin: 0;padding: 25px 0px 0px 30px; }

Answer 3

对于只有垂直滚动我们可以在css中使用overflow-y属性。它将它限制为垂直滚动。

如何在我的网页中获得垂直滚动？

3 个答案: