固定元素上的滚动条仅在高度较低时

Question

早上好，我有一个固定的侧边栏。我希望侧边栏始终是固定的，但是当窗口的高度小于660px（侧边栏的最小高度）时会出现滚动条，因为如果用户有一个小屏幕，它就不能点击最后一个按钮。

这是我的css

.sidebar {
    height: 100%;
    min-height: 660px;
    width: 269px;
    float: left;
    position: fixed;
}

我尝试使用overflow:auto或overflow: scroll，但它并不像我的想法那样工作

Answer 1

我刚检查它工作正常。

.sidebar {
height: 100%;
min-height: 660px;
width: 269px;
float: left;
position: fixed;
overflow:auto;
}

检查下面的jsfiddle

http://jsfiddle.net/3aK82/

Answer 2

不要给元素一个最小高度，这样做可以确保当文档的高度小于660px时，滚动条不会出现。

使用overflow:auto，只有在需要时才会显示滚动条。

.sidebar {
    height: 100%;
    width: 269px;
    position: fixed;
    overflow-y:auto;
}

我还删除了float:left，因为在这种情况下，它没有效果。

JSFiddle