Некоректнный переход по внутренних метках
Доброго времени суток, форумчане! У меня возникла проблема, которую я решить сам не в состоянии, потому прошу вашей помощи: вёрстку делал при помощи относительного позиционирования, сайт выглядит отлично, при скроллинге хэдэр с менюшкой не прячутся за верхней границей экрана и всегда доступны, потом залил текст и поставил метки в нём, и всё бы хорошо, но при переходе на метку, эта самая метка прячется за хэдэром, т.е. становится под верхней границей экрана и хэдэр её прячет.
Подскажите пожалуйста как это можно исправить? |
Либо на CSS решать, либо при прокрутке страницы прокручивать ее на величину высоты шапки.
|
Цитата:
|
Тут два случая могут быть, первый, это запрос страницы, url которой содержит hash, а второй случай, это щелчок по ссылке на странице, которая которая содержит hash. Для первого случая, при загшрузке страницы проверять наличие hash в url, и если есть, то смещение, типа такого (jQuery):
if(location.hash) { $(document).scrollTop($(location.hash).offset().top-высота шапки) } При переходе по якорю внутри страницы, нужно обрабатывать события ссылок имеющих hash, таким же образом, а можно и с анимацей. |
Спасибо за ответ, но есть что-нибудь попроще? Я пока только начал осваивать веб-программирование и с jquery пока ещё плохо знаком
|
А что может быть проще, чем на "готовом"? Без jQuery написанного будет еще больше.
|
Часовой пояс GMT +3, время: 13:25. |