Css Can'；当我向上滚动页面时，无法使页脚不显示

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

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

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

HTML:

&复印件：2018名姓氏

---

与此类似的是，当您使用MS Excel时，“冻结”顶部窗格。无论你在页面上向下滚动多少次，你都会看到冻结的窗格。我不希望发生这种情况，但似乎找不到一种方法来做到这一点。

问题是，在第一个

div

上，您将

navbar固定底部作为一个类。这将使其保持在固定位置。
导航栏固定底部
类位于页脚内的第一个div中。这就是问题所在。引导类告诉页脚保持固定在屏幕底部。哇，我不知道为什么，但我认为
navbar fixed bottom
只会使navbar粘在底部，而不会浮到页面顶部。如果你把这个评论作为答案，我会把它标记为solvedPut作为答案！祝你在引导过程中好运。
<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>