我有一个Bootstrap 3.0导航栏，该导航栏始终在页面顶部可见，但这可以表示该position属性所对应的任何内容fixed。
<nav class="navbar navbar-default navbar-fixed-top" >
因为修复它会使它脱离文档流，所以我需要在body元素上添加一些填充，以便在首次显示页面时不隐藏内容
body {
padding-top: 70px;
}
问题是，当我单击菜单项导航到某个部分时，例如#About该部分的顶部被切除。
问：是否可以添加填充，以便在导航到整个项目时可以看到整个项目？
我会overflow: hidden在主体上设置，然后将您网站的内容添加到可滚动元素中。
您的布局应如下所示：
<html>
<head></head>
<body>
<div class="navbar"></div>
<div class="wrap">
<!-- rest of content for site -->
</div>
</body>
</html>
添加以下CSS规则：
html, body {
overflow: hidden;
height: 100%;
}
body {
padding-top: 50px;
}
.wrap {
height: 100%;
overflow: auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句