html - 在 ios 中滚动时,Bootstrap 3 导航栏未固定到底部

标签 html ios css twitter-bootstrap-3 navbar

我正在使用 -viewport-overflow-scroll: touch;溢出:自动;能够在 ios 中使用动量滚动,但我在引导导航栏方面遇到问题。当我在 ios 中滚动时,导航栏会停留在页面中间,直到我停止滚动,然后几秒钟后它再次粘在底部。有任何想法吗?导航栏位于带有滚动触摸的 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;
}

最佳答案

因为你有 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>

关于html - 在 ios 中滚动时,Bootstrap 3 导航栏未固定到底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42420279/

相关文章:

javascript - 如何像 Facebook 一样使用 javascript 停止滚动侧边栏(粘性)

Javascript + HTML - 在后台加载图像(异步?)

iOS SwiftUI : Data Flow Flow in Subviews @ObservedObject

php - 是否可以禁用 iPhone 的自动超链接?

javascript - Bootstrap Carousel 更改特定颜色的 div

HTML 大胆的音乐尖锐的标志

javascript - 未捕获的类型错误 : Cannot read property 'top' of undefined

ios - <<和>>在swift中是什么意思

iphone - Iphone 7 和 7 plus 的 CSS 媒体查询

html - 如何对齐形状以使提示与 CSS 连接?