修复了带有可滚动导航栏的标题和不在浏览器视口下方的内容

Question

我正在尝试创建一个具有固定标题的布局，该标题始终显示在顶部。另外还有一个侧栏，如果内容越过浏览器高度，它旁边会有一个滚动条。与侧栏右侧的内容相同，我希望它有自己的滚动条，不会超过浏览器高度。

请参阅this site了解我正在寻找的内容的示例。它具有所有3个功能。

我尝试了很多东西。如果没有固定的标题，我可以通过简单地制作高度：100％来实现它。但是使用固定标题时，侧边栏和内容窗格滚动条会在浏览器视图下方显示。

当我添加padding-bottom时，我觉得我到了某个地方：64px;到我想要滚动条的项目。 64px是标题的高度。

Answer 1

请仔细阅读Bootstrap的文档和教程，然后就可以了。

供参考，请参阅此JSFiddle：https://jsfiddle.net/jxo6pmju/12/

link = https://jsfiddle.net/jxo6pmju/12/

对于滚动条，请执行以下操作：https://jsfiddle.net/vrzjLc77/1/

link = https://jsfiddle.net/vrzjLc77/1/