首先,这不是固定顶部导航的 body padding-top 问题。
body { padding-top: 40px; }
我有一个导航栏,无论好坏,它都有很多数据/信息。我遇到的问题是,当导航栏分成多行时(这很好)它与内容重叠(不好)。
以下是我所见/所经历的示例。 http://jsfiddle.net/jsuggs/ZaMs3/7/
有没有人有聪明的 javascript 解决方案来更改正文填充或在导航栏分成多行时强制折叠的方法?
更新
这是我最终使用的。我不得不添加一些额外的填充并组合加载和调整大小事件。
$(window).on('load resize', function() {
$('body').css({"padding-top": $(".navbar").height() + 30 + "px"});
});
最佳答案
$(window).on('resize load', function() {
$('body').css({"padding-top": $(".navbar").height() + "px"});
});
http://jsbin.com/iJaJAzIM/2/edit
关于javascript - Twitter Bootstrap 3 - Navbar Fixed Top - 多行时重叠内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20393707/