固定導航下的固定導航固定導航

我想附加一些固定的警報在導航欄下的導航欄在引導。我最好的嘗試就是將div定位在50px與position: fixed;和width: 100%，並將警報插入此div。問題是，這會切斷我的其他內容的頂部，就像navbar-fixed在向body元素應用填充失敗時切斷內容一樣。固定導航下的固定導航固定導航

#Alerts 
{ 
    position: fixed; 
    width: 100%; 
    top: 50px; 
} 
.alert 
{ 
    top: 0px; 
    //position: fixed; 
    padding-left: 15px; 
    padding-right: 15px; 
    padding-top: 4px; 
    padding-bottom: 4px; 
    margin-bottom: 0px; 
    border-radius: 0px; 
} 
body { 
    padding-top: 50px; // to avoid 'underlapping' the navbar 
}

下面是一個沒有工作的例子鏈接：http://www.bootply.com/pnEHtLhUBi

此刻我的最好的辦法就是用JS對body調整padding-top值警報創建/銷燬，但這很可能不好的維護/可讀性，我寧願用css做更多的聲明。

有什麼建議嗎？

來源

2015-04-22 NiloCK

，所以你只是想刪除moreMargin類只出現導航權下方的固定導航權？你關心手機下拉菜單時會發生什麼？ –

它應該在移動下拉模式下執行相同操作。例如，警報顯示在導航欄下方，即使用戶向下滾動，也會「卡住」警報。 – NiloCK

-1

把它放在與導航相同的div裏面怎麼樣？當他們彈出時，他們會推下其他內容？

此外，由於這些是警報，用戶是否已經看到正在覆蓋的內容？如果他們想再看一遍，他們可以關閉警報。也許我只是誤解了你要做的事情？

來源

2015-04-22 20:39:24 kjw

看起來像沒有js就沒有辦法做到這一點。

因爲如果警報是動態的，這意味着當通過alert method

$('#alert-danger').show('slow', function(){ 
    $('body').addClass('moreMargin') 
});

其觸發你也可以從身體的時候，你躲警報

來源

2015-04-22 20:48:41

固定導航下的固定導航固定導航

回答

相關問題