Как я могу компенсировать прокрутку на html-якоре?

Question

Я взял шаблон прокрутки параллакса на 1 страницу, но я добавил больше страниц, так что это не просто сайт с 1 страницей.

Я понял, как перейти к html-якорям на домашней странице, когда вы находитесь на отдельной странице. Но теперь у меня проблема смещения, которую я просто не могу понять.

Страница https://zoopyo.com - просто нажмите на цену или функции, и вы увидите, что заголовок будет отключен. Прокрутка просто должна быть около 90px вверх. Каков размер липкого заголовка. Если липкого заголовка не было, все было бы хорошо. Поэтому мне просто нужно выяснить, как компенсировать это 90px от якоря. Если это возможно?

Answer 1

Я не могу загрузить веб-сайт, но из того, что я понимаю, navbar покрывает некоторые материалы сверху.

Мое предложение состояло в том, чтобы сделать пустой/фиктивный div в верхней части страницы с той же высотой, что и ваш навигатор, а затем установить свой фиктивный div, сохранив метку первого реального div.

что-то вроде этого:

<li><a href="#dummy">top</a></li> 

где манекен пуст и установить на высоту панели навигации

посмотреть jsfiddle я сделал, то «привет мир» не охватывается навигационной панели

http://jsfiddle.net/49AtS/1/