从侧栏删除滚动条

Question

我想删除侧边栏上的滚动条，你可以看看这个bootply：

http://www.bootply.com/DbyYVRupPJ

我试过这样的东西

小提琴

#sidebar{
    width: 200px;
    border: 1px solid #000;
    height: 100%;
}

但我不能让它正常工作

有人能帮帮我吗？ :)

编辑：滚动功能仍应处于活动状态

Answer 1

使用类似下面的代码：

html, body {
    min-height: 100%;
    height: 100%;
}
#sidebar{
    position: relative;
    width: 200px;
    border: 1px solid #000;
    min-height: 100%;
}
#scroller {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
} 

如果你不想有可见的滚动条，请小提琴http://jsfiddle.net/qcv5Q/671/或http://jsfiddle.net/qcv5Q/672/

Answer 2

添加最后一个“overflow-y：hidden”。 或者如果你想删除x轴那么.. overflow-x：hidden。

#sidebar-wrapper {
    margin-left: -250px;
    left: 70px;
    width: 250px;
    background: #222;
    position: fixed;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
    overflow-y:hidden;  /* NEW ONE */
}

或者，如果您希望根据您要编写的内容进行调整：

overflow-y:auto;