对于客户,我必须做全屏网站,响应式设计。我正在使用带有固定导航栏的Bootstrap,所以为了放置我的内容,我在身体上添加了一个60px的填充顶部。
这是我的问题:滚动条系统显示,因为我的身体有100%的高度和60px填充顶部。我可以使用'overflow:hidden;',但是如果我需要滚动页面,我就不能了。
你有解决方案吗?
谢谢!
编辑:这是一个想法:http://jsfiddle.net/StFca/ 在这种情况下,我希望隐藏滚动条,因为不需要它。
答案 0 :(得分:2)
您可以将margin-top: 60px
属性添加到您可以添加到内容主容器中的新类或ID,而不是向主体添加填充,因此它看起来像这样:
#main-container {
margin-top: 60px;
}
这样,您可以通过将容器本身推离而不是文档正文来容纳导航栏,滚动条将消失。