Question

我正在为我的网站设计一个页脚。页脚当前粘在底部，但它始终显示在视口中，无论我是在页面顶部，中间还是底部。

所需结果：除非页面底部实际位于视口内，否则页脚应保留在页面底部并且不会出现

实际结果：无论页面底部是否在视口中，页脚都会显示在视口中。

HTML：

<footer class="footer">
    <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
      <div class="container">
        <div class="navbar-text pull-left">
          <p>&copy: 2018 First-name Last-name</p>
        </div>
        <div class="navbar-text pull-right">
          <a href="#"><i class="fa fa-linkedin-square fa-2x "></i></a>
          <a href="#"><i class="fa fa-github-square fa-2x"></i></a>
          <a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
        </div>
      </div>
    </div>
</footer>

与此类比，当您使用MS Excel并且＆＃34;冻结＆＃34;顶部窗格。无论您向下滚动多少页面，您都将看到冻结的窗格。我不希望这种情况发生，但似乎无法找到方法。

Answer 1

问题是您在第一个navbar-fixed-bottom上有div个班级。这使它处于固定的位置。

当我向上滚动页面时，无法显示页脚

1 个答案: