#javascript #jquery #scroll #anchor #offset
#javascript #jquery #прокрутка #привязка #смещение
Вопрос:
У меня есть следующий рабочий скрипт из CSS Tricks, я настроил его на смещение верхней части из-за фиксированного меню заголовка:
$(function() {
$('a[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'') amp;amp; location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' this.hash.slice(1) ']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top - 180
}, 1000);
return false;
}
}
});
});
HTML:
Link in the header menu
<a href="/subpage#about">About</a>
Link on the subpage
<a name="about"></a>
На той же странице прокрутка со смещением верхней части работает нормально, однако, когда есть ссылка на ссылку привязки на другой странице, смещение верхней части игнорируется. Как я могу это исправить?
Комментарии:
1. не могли бы вы также опубликовать HTML-код css?
2. добавлен код 🙂