navbar固定使用Bootstrap.js

我正在使用Backbone + Bootstrap作爲css框架的webapp。navbar固定使用Bootstrap.js

我無法在移動瀏覽器中使用Bootstrap將導航欄固定在頂部。根據Bootstrap，我們所需要做的就是在導航欄中添加「navbar-fixed-top」類...但不幸的是，它在移動瀏覽器中不適用於我，而是在桌面瀏覽器中工作。

HTML

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner" style="text-align:center"> 
    <div class="colL pull-left"> 
     <a href="/#back" id="back-btn" class="btns angular_btn pull-left" style="display:none"><span>Back</span></a> 
     <a href="/#control_back" id="control-back-btn" class="btns angular_btn pull-left" style="display:none"><span>Back</span></a> 
    </div> 
    <div class="colR pull-right"> 
     <a class="btns pull-right" id="home" style="display: none" href="/#home" data-toggle="tab">Home</a> 
     <a href="/#controls" id="controls" class="btns pull-right" data-toggle="tab">Now Playing</a> 
    </div> 
    <div class="colC"> 
     <div id="show_name"></div> 
    </div> 
    </div> 
</div>

來源

2012-09-11 Abhidev

我假設你正在使用scrollspy？ –

老實說，我不認爲任何人都可以幫助你，如果你不提供任何代碼。 –

nope ...我只使用Bootstrap框架 – Abhidev

-1

Twitter的引導不支持固定導航欄移動：

固定移動是不一致可能，也不會表現得很好，甚至沒有iOS5的。如果您願意，您可以自由覆蓋，但在支持得到改善之前，我們不會重新啓用。（@markdotto評論this issue）

來源

2012-09-11 14:40:02 albertedevigo

我嘗試刪除除導航欄外的所有內容，並且在移動設備上正常工作。 – Abhidev

自2012年12月推出的Bootstrap v2.2.2以來，固定的navbars使用'position：absolute'在移動設備上工作。

來源

2013-01-26 01:04:34 Josh

navbar固定使用Bootstrap.js

回答

相關問題