Исправлена ​​левая навигация и исправлена ​​проблема с заголовком

Question

На этом сайте У меня есть фиксированная навигация и заголовок, когда пользователь щелкает заголовок на навигационной панели, он переводит их в соответствующее поле содержимого.Тем не менее, когда они нажимают от «Просто дети» до «Дома», верхний контент скрывается за фиксированным заголовком.Также вы заметите, что это происходит, когда страница загружается;содержимое скрыто за фиксированным заголовком.

Я пробовал несколько вещей;добавлен div с высотой, чтобы подтолкнуть содержимое вниз, как здесь , но здесь, когда страница загружается, правая область содержимого опускается вниз.

Кто-нибудь видел такой сайт раньше или есть предложениекак исправить вышеперечисленное?

Answer 1

Якоря ведут себя так. Когда вы прыгаете на якорь, он пытается перейти к верхней части экрана.

Похоже, вы уже используете Javascript для этого эффекта плавной прокрутки. Во время эффекта вместо прокрутки до якоря предотвратите действие по умолчанию, получите верхнее смещение якоря и выберите (that top offset - the header height)