3

我有一个需要永久垂直滚动条的 div。有时需要滚动条，因为 div 将包含多余的内容，而其他时候则不需要滚动条，但我希望外观保持一致 - 即使 div 中没有多余的内容，我也希望它包含滚动条。我试过了，但是当没有多余的内容时它不会添加滚动条：

div#collection
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    float: right;
    width: 200px;
    height: 100%;
    background: white;
    overflow:scroll;
}

我还尝试将高度增加到 200%（html 和正文设置为 100%），但随后整个页面滚动 - 这不是我想要的 - 我希望 div 单独滚动，而页面的其余部分保持原位.

有什么建议么？

4

6 回答 6

7

尝试在 div 中放置一个包装容器，并将其设置为 height:101%。

于 2009-07-08T03:34:48.610 回答
3

大多数较新的浏览器都支持 CSS3 的 overflow-x 和 overflow-y：

div.verticalscroll {
    overflow: auto; /* For browsers that can't do overflow-y */
    overflow-y: scroll; /* Controls overflow on the y-axis */
}

见http://www.brunildo.org/test/Overflowxy2.html

于 2009-07-08T17:30:34.237 回答
1

给顶部容器一个高度和一个溢出-y：滚动，然后为其余内容设置一个子容器，其最小高度设置为比容器高度高几个像素。

div#collection
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    float: right;
    width: 200px;
    height: 400px;
    background: white;
    overflow:scroll;
}

div#sub {
    min-height: 402px;
}

<div id="collection">
    <div id="sub">
        Content goes here.
    </div>
</div>
于 2011-02-22T17:47:17.803 回答
0

使用overflow:auto它会做你想做的事

于 2009-07-08T03:27:07.127 回答
0

试试overflow-y:scroll ...就可以了！

于 2010-05-13T09:23:52.220 回答
0 
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;

这可以帮助你

于 2012-10-30T16:30:31.117 回答