2014-05-08 107 views
0

我正在嘗試爲移動實現Angular js + Bootstrap3。 我在index.html文件中添加了navbar(navbar-fixed-top),並且有些表單通過partials/myfom.html加載。 當我滾動頁面時,如果文本框位於導航欄後面,點擊導航欄時,它將打開移動設備上的文本框的鍵盤。Angular Js Bootstrap導航滾動問題

任何人都可以請幫助我抑制滾動後在navbar後面的任何controll事件嗎?

代碼-------

<snap-drawers> 
    <div snap-drawer="right"> 
     <!-- some content --> 
    </div> 
</snap-drawers> 


<snap-content> 
    <div id="main-mobile-frame"> 
    <div class="app"> 
     <!-- Navbars --> 
      <nav class="navbar navbar-default navbar-fixed-top my-top-bar" role="navigation">    
       <span class="head-title"><a href="#/home">Welcome</a></span> 

       <div class="bg-reg-shadow btn-group pull-left top-menu-buttons"> 
       <div class="btn btn-navbar sidebar-toggle" id="menu_bars_id" snap-toggle> 
        <i class="glyphicon glyphicon-align-justify"></i> 
       </div> 
       </div> 

       <div class="bg-reg-shadow btn-group pull-right top-menu-buttons" yield-to="navbarAction"> 
       <div snap-toggle="right" class="btn btn-navbar" id="right_plus_id"> 
        <i class="glyphicon glyphicon-plus"></i> 
       </div> 
       </div> 
     </nav> 
     <div class="app-body scrollable"> 
       <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>    
     </div> 
    </div> 
     <ng-view ></ng-view> 
    </div> 

</snap-content> 
+2

你應該顯示你的一些代碼,這樣人們可以嘗試和幫助你 – lascort

+0

我已經添加了代碼..請檢查。在代碼中,我使用了角度卡扣抽屜。 – user3617438

回答

0

你必須添加一個樣式= 「邊距:XXpx;」樣式到應用程序主體的高度或更高的導航欄,但這意味着您需要明確定義您的導航欄高度 - 我還沒有找到一種方法來做出響應。