Как сделать, чтобы якорные ссылки не уезжали под нефиксированную шапку сайта?

Несколько способов сделать так, чтобы якорные ссылки не уезжали под фиксированную шапку сайта:

• Использовать псевдоэлемент :target. b.sattellite.me Он отвечает за оформление элемента, на который указывает якорь. b.sattellite.me С помощью margin или padding можно переместить заголовок ниже шапки. b.sattellite.me
• Применить скрипт на JavaScript. qna.habr.com Он будет узнавать высоту прокрутки до якоря, прибавлять нужный зазор и задавать новую прокрутку. qna.habr.com Для этого можно использовать, например, плагин scrollTo на jQuery. qna.habr.com stackoverflow.com
• Использовать свойство scroll-padding-top. qna.habr.com Оно работает на движке Chrome. qna.habr.com
• Обернуть якорь в блок div и сделать позиционирование якоря чуточку выше. misha.agency

Выбор решения зависит от конкретных условий и возможностей разработчика.

Пользователь

Время добавления