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

【问题标题】：Make content inside fixed sidebar scrollable使固定侧边栏中的内容可滚动
【发布时间】：2013-06-12 16:21:30
【问题描述】：

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

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

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

【问题讨论】：

这不是“固定”元素的概念。如果你真的想要一个固定的元素，也许你需要重新考虑。
@Steve 我理解，但问题是，如果它不固定，白色部分侧边栏最终会“完成”，实际上侧边栏会完成，并且只有灰色空间而不是侧边栏，但是对于我的设计理念需要一直保持白色。
这是一个很常见的问题。尝试使用整个页面的背景或类似的东西来解决它。你的解决方案对我来说没有意义。
@Steve 好吧，我真的不想为此使用背景，我想我会等着看其他人是否有想法

标签： javascript jquery html css

【解决方案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/

【讨论】：

是的！做我最初的打算。