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

Question

我做了这个 js 小提琴：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/