@evgeniy2024

Как такое сделать?

Всем привет
Возникла такая проблема
6102ec15aa8c0807908763.png

Вот у меня есть header, который должен скролиться при прокрутке, я это сделал задав ему position: sticky
но проблема в том, что есть еще нижняя панель навигации которая тоже скролиться, так как у него уже стоит position: sticky
и получается когда header достигает нижней панель навигации он останавливаеться, а дальше идет скролл нижней панели
так вот как можно сделать так чтобы header не останавливался, а делал скролл вместе с нижней панелью, то есть прилип к нему
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
@lolzqq
HTML,CSS,JS,PHP
Через javascript отслеживать позицию скролла, проверяя значение window.pageYOffset
И вашему header добавлять стиль с position: fixed;

И не забывать менять его с position: fixed; обратно на sticky
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы