Смещение верхней части ссылки привязки jQuery и Javascript для другой ссылки на страницу

#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. добавлен код 🙂