当前位置: 首页 > 工具软件 > Fixed Nav > 使用案例 >

navbar fixed top.css,Bootstrap个人博客给nav设置navbar-fixed-top定位后导航栏遮盖内容完美解决方案!...

阎麒
2023-12-01

这也是我在使用Bootstrap3开发

完美解决方案一:使用两个导航占位

大致意思就是给页面设置两个导航nav一个是空的导航栏一个则是设置navbar-fixed-top的导航栏

..........

完美解决方案二:使用JS使body永远根据nav高度进行padding-top(推荐)

大致意思就是使body通过不同分辨率屏幕下nav的搞定设定padding-top响应的值

代码为:

..........

var onResize = function() {

$("body").css("padding-top", $(".navbar").height());

};

$(window).resize(onResize);

$(function() {

onResize();

});

以上则是Bootstrap个人博客给导航nav设置navbar-fixed-top后导航栏遮盖内容完美解决方案,希望日后在使用Bootstrap个人博客开发前端时可以帮助到大家!

 类似资料: