Bootstrap. 让垂直浏览器滚动条从固定的导航栏下开始。（不重叠）

Question

Bootstrap. 让垂直浏览器滚动条从固定的导航栏下开始。（不重叠）

htmlcsstwitter-bootstrapscrollbarnavbar

4

我正在使用Bootstrap提供的固定导航栏示例代码。有没有相对容易的方法使浏览器滚动条不重叠在固定导航栏上方？

以下是示例中的情况：

以下是我想要的效果：

非常感谢您的帮助。敬礼。

- ПавелБ

请添加相关代码，以便我们了解您正在做什么。 - Kalel Wade

要查看此问题中提到的代码，您可以执行以下操作：转到http://getbootstrap.com/examples/navbar-fixed-top/并在浏览器中使用“查看页面源代码”。 - ПавелБ

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Joshua Whitley · Accepted Answer

为了实现这个目标，您需要将页眉固定在页面顶部，并使用一个 position: fixed 容器来包裹页面上的其他内容。以下是一个示例：

CSS：

html, body {
    width: 100%;
    height: 100%;
}

#header {
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
}

#container {
    width: 100%;
    position: fixed;
    top: 50px;
    bottom: 0;
    overflow: auto;
}

HTML：

<body>
    <div id="header">
        <ul><!-- other header elements --></ul>
    </div>
    <div id="container">
        <!-- All of the content of your site -->
    </div>
</body>