@MoNUnreal

Как решается вопрос со sticky меню и якорями?

Добрый день!
На сайте есть sticky меню. При добавлении якорей на какой-нибудь странице и клике на них кидает на соответствующий якорь.
Но sticky меню перекрывает верхнюю часть страницы и для пользователя возникает проблема с быстрым пониманием логики. Нужно проскроллить немного вверх.
Как решается проблема?
Спасибо.
  • Вопрос задан
  • 583 просмотра
Пригласить эксперта
Ответы на вопрос 1
Проблема решается стилями. Якорю выставляется высота равная (или большая) чем высота sticky menu + отрицательный верхний отступ.
допустим высота sticky-menu 48px, тогда для якоря
.anchor {
  height: 48px;
  margin-top: -48px;
}

Вот пример.

60a2806f47db43a8b94753fffd532abd.png
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы