使内容内固定侧边栏滚动

我做这个js小提琴：http://jsfiddle.net/VaCfV/3/使内容内固定侧边栏滚动

它有一些长期的内容和与它里面的内容固定的定位栏。我试图找出如何使内部侧边栏#side-content滚动内容不使用overflow-y: scrollable;但是当用户使用鼠标滚轮，方向键，主要滚动条等实际与页面滚动起来..

这能以某种方式实现？

来源

2013-06-12 Ilja

这不是一个 “固定” 元素的概念。也许你需要重新思考，如果你真的想要一个固定的元素。 – Alvaro

@Steve我理解，但事情是，如果它是不固定的白色部分侧边栏将最终“完成”，其实侧边栏将结束，届时会有灰色空间，而不是侧边栏，但我的设计理念我需要保持它一直是白色的。 – Ilja

这是一个非常普遍的问题。尝试使用整个页面的背景或类似的东西来解决它。你的解决方案对我来说没有意义。 – Alvaro

你可以试试：

#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/

来源

2013-06-12 16:53:29

YES！做我最初的意图。 – Ilja

使内容内固定侧边栏滚动

回答

相关问题