Не удается получить нижний колонтитул, чтобы не отображаться при прокрутке страницы

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 и вы «замораживаете» верхнюю панель.Независимо от того, сколько вы прокрутите страницу вниз, вы всегда увидите застывшую панель.Я не хочу, чтобы это произошло, но не могу найти способ сделать это.

Answer 1

Проблема в том, что у вас navbar-fixed-bottom как класс на первом div.Это удерживает его в фиксированном положении.