Свойство position: fixed используется для создания фиксированных элементов, которые остаются на месте при прокрутке страницы. 13

Некоторые особенности такого позиционирования:

• Положение элемента отсчитывается от области просмотра браузера, независимо от позиционирования родителя. 1
• При выходе элемента за пределы видимой области справа или снизу от неё не возникает полос прокрутки, элемент просто «обрезается». 1
• Используется для создания элементов, которые должны быть закреплены на веб-странице и всегда видны посетителю. 1

Некоторые примеры использования: навигационные меню, кнопки «Наверх», панели с социальными кнопками. 2

Задавать точное положение элемента относительно окна браузера позволяют свойства top, right, bottom и left. 3

Синтаксис: .element { position: fixed; top: value; right: value; bottom: value; left: value; }. 3

Где:

• top — расстояние от верхнего края окна браузера до верхнего края элемента; 3
• right — расстояние от правого края окна браузера до правого края элемента; 3
• bottom — расстояние от нижнего края окна браузера до нижнего края элемента; 3
• left — расстояние от левого края окна браузера до левого края элемента. 3