在使用bootstrap 底部導航的時候遇到了一個問題 —— 當我的內容超過一屏的時候，底部的部分內容會被固定的導航內容遮蓋

自己寫了一個JS腳本，解決自適應的問題

提交

$(function(){

autoNav();

});

//解決底部自動導航的問題

function autoNav(){

//獲取內容的高度

var bodyHeight = $("body").height();

//獲取底部導航的高度

var navHeight = $(".navbar").height();

//獲取顯示屏的高度

var iHeight = document.documentElement.clientHeight||document.body.clientHeight;

//如果內容的高度大于(窗口的高度 - 導航的高度),z則需要添加一個div，設置其高度

if(bodyHeight > (iHeight - navHeight)){

$("body").append('

}

}

總結

以上是生活随笔為你收集整理的bootstrap 固定最底部_bootstrap 固定底部导航自适应的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。