Heretic888
@Heretic888
HTML-верстальщик, веб-программист

Как совместить якорные ссылки и прилипающее меню, чтобы меню не налезало на на заголовок при переходе на ссылку?

Всем доброго дня.
Есть сайт на materializecss. Есть прилипающее к верхнему краю при прокрутке меню, реализованное средствами materializecss. И пункты этого меню есть якорные ссылки на секции сайта. Попадаем прямо на заголовки. Так вот, проблема. При переходе по якорным ссылкам меню налезает на заголовок, на который мы перешли. Пробовал ставить блок заданной высоты перед заголовком. Тогда другая проблема. Если переход осуществляется на ширину, большую одного экрана, то мы попадаем чуть ниже заголовка. И самого заголовка уже не видно. Если секция с заголовком и ссылка находятся близко друг от друга, то переход точен. Как можно выйти из положения? Нужен всегда точный переход.
  • Вопрос задан
  • 596 просмотров
Решения вопроса 1
Найдите в коде кусок с scrollTop и далее будет отступ с верху. Вычтите от него высоту хейдера.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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