javascript – Twitter Bootstrap 3 – Navbar固定顶部 – 多行时重叠内容

前端之家收集整理的这篇文章主要介绍了javascript – Twitter Bootstrap 3 – Navbar固定顶部 – 多行时重叠内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先,这不是固定顶部导航的主体填充顶部问题.

body { padding-top: 40px; }

我有一个导航栏,无论好坏,都有大量的数据/信息.我遇到的问题是,当导航栏分成多行(完全没问题)时,它会重叠内容(坏).

以下是我所看到/经历的一个例子.@H_404_12@@L_301_0@

有没有人有一个聪明的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

原文链接:/css/427352.html

猜你在找的CSS相关文章