使固定侧边栏内的内容可滚动

Question

我做了这个小提琴：http://jsfiddle.net/VaCfV/3/

它有一些长内容和一个固定的侧边栏，里面有内容。我正在试图弄清楚如何使侧边栏#side-content内的内容可滚动不使用overflow-y: scrollable;但实际上当用户使用鼠标滚轮，箭头键，主滚动条等时与页面一起滚动。

这可以以某种方式实现吗？

Answer 1

你可以尝试：

#page-wrapper{
    overflow: hidden;
    position: relative;
    width: 100%;
}
#sidebar {
    width: 30%;
    height: 100%;
    position: absolute;
    left: 20px;
    top:0px;
    bottom:0px;
    background: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 20px;
}    

http://jsfiddle.net/VaCfV/4/