Особенности использования position: fixed в CSS:
- Элемент остаётся на фиксированном месте при прокрутке страницы. 15 Положение элемента всегда отсчитывается от области просмотра браузера, независимо от позиционирования родителя. 5
- Элемент убирается из основного потока документа. 2 То есть перестаёт влиять на положение окружающих элементов и на размер родителя. 2
- При выходе элемента за пределы видимой области справа или снизу от неё не возникает полос прокрутки, и элемент просто «обрезается». 5
Фиксированное позиционирование применяется для закрепления на странице навигационных меню, кнопки «вверх», панелей с социальными кнопками и многого другого. 3
При использовании этого значения также можно задать параметры top, bottom, left и right, чтобы определить точное местоположение элемента. 1