Фиксированное позиционирование

Элемент с position: fixed, как и абсолютный, выводится из нормального потока. Но его смещения всегда отсчитываются от краёв окна браузера, а не от страницы и не от предка. Поэтому он остаётся на одном и том же месте экрана, даже когда вы прокручиваете страницу.

Фиксированное позиционирование нужно для того, что всегда должно быть под рукой: кнопки «наверх», кнопки чата или полосы с сообщением внизу окна.

В конец страницы о кошке мы добавили ссылку, которая возвращает наверх:

<a href="#" class="to-top">Наверх</a>

Как вы знаете из курса HTML, ссылка на # прокручивает страницу в самый верх. В таблице стилей мы оформили ссылку как кнопку.

Чтобы можно было попробовать прокрутку, мы сделали страницу выше: в правиле для body объявление min-height: 200vh говорит, что страница должна быть не ниже двух высот окна. Свойство min-height задаёт минимальную высоту: в отличие от height, оно позволяет элементу стать выше, если содержимому нужно больше места.