滚动固定的侧栏的内(Scroll inside of a fixed sidebar)

我有我的网站的内容左边有太多的内容在屏幕上显示一个固定的侧栏。 我怎样才能使这些内容滚动，同时还允许右侧是滚动？

我认为，一个简单的overflow-y: scroll; 就足够了。 好像我需要有侧边栏上的一个最大高度，但设置，最大高度为100％，什么都不做。 我敢肯定，这是一个简单的代码模式，但很可惜，我的CSS技巧今天抛弃了我。

这里简单的例子： http://jsfiddle.net/tvysB/1/

Answer 1:

在设置top和bottom到0 ，使侧边栏是完全一样的高度视：

#leftCol {
    position: fixed;
    width: 150px;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
}

这是你的提琴： http://jsfiddle.net/tvysB/2/

Answer 2:

我有这个同样的问题，采用固定它：

.WhateverYourNavIs {
      max-height: calc(100vh - 9rem);
      overflow-y: auto;
 }

这为的方式，响应用户的浏览器的高度，你的资产净值的最大高度，然后当它需要它给它一个滚动。

文章来源: Scroll inside of a fixed sidebar