静态/固定侧边栏100％高度，可滚动的主要内容和辅助内容

Question

我正在建立一个基于bootstrap的网站，我希望用户的固定导航侧栏 100％身高 容器内的窗口（无滚动）和不到屏幕边缘。

除了我希望主要内容可滚动以及可滚动的辅助内容独立于主要内容，但同样是用户窗口的100％高度。几乎就像Facebook在页面上的设置方式一样。 Indetended design layout

Googling看到的所有示例都有左边缘的侧边栏，这不是我正在寻找和/或打破我正在测试的布局。

Answer 1

我为此做了一个bootsnipp。检查this link。

它有一个固定不可滚动的侧边栏，高度为100％。 主要内容可滚动。 可以独立于主要内容滚动的辅助内容，高度为100％。

希望它有所帮助。