ブートストラップ3 iosでスクロールするときにnavbarが下に固定されない

Question

私は-viewport-overflow-scrollを使用しています。オーバーフロー：自動; iosで運動量のスクロールを使用できるようにするために、私はブートストラップのnavbarに問題があります。私がスクロールするとき、スクロールを止めるまで、ナビゲーションバーはページの中央にとどまり、数秒後に再びボトムにスティックされます。何か案は？ navbarはスクロールタッチでdiv内にあります。 これは、ナビゲーションバーです：

<nav class="navbar navbar-fixed-bottom footer"> 
    <div class="pull-left footer-text"> 
     <span>All rights reserved</span> 
    </div> 
    <div class="pull-right footer-icons"> 
     <img class="footer-icon" /> 
     <img class="footer-icon" /> 
    </div> 
</nav> 


.footer{ 
min-height:1em; 
bottom:0; 
background-color: #35AEEE; 
right: 0; 
left: 0; 
color: white; 
} 

Answer 1

あなたはbottom: 0;を持っているので、あなたはそれがページの下部に付着させるためにposition: absolute;プロパティを追加することができます。

.footer { 
 
    min-height: 1em; 
 
    bottom: 0; 
 
    background-color: #35AEEE; 
 
    right: 0; 
 
    left: 0; 
 
    color: white; 
 
    position: absolute; 
 
}

<nav class="navbar navbar-fixed-bottom footer"> 
 
    <div class="pull-left footer-text"> 
 
    <span>All rights reserved</span> 
 
    </div> 
 
    <div class="pull-right footer-icons"> 
 
    <img class="footer-icon" /> 
 
    <img class="footer-icon" /> 
 
    </div> 
 
</nav>