使用bootstrap中nav導航欄組件的時候,經常會遮住內容。這裏使用一種優雅的解決方式。
網絡上面採用的基本上都是margin-top: xxpx,這個寫死的方法,一旦導航欄高度變化,將無法動態修改高度。
代碼獻上:
var onResize = function(){
$("body").css("margin-top",$(".navbar").height());
};
$(window).resize(onResize);
$(function(){
onResize();
});