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

时间:2016-11-04 16:27:47

标签: jquery html css

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

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

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

1 个答案:

答案 0 :(得分:3)

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

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

希望它有所帮助。