Плавная прокрутка страницы — первый щелчок прокручивается в неправильное положение. Вторая ссылка работает нормально

Использование кода CSS Tricks с плавной прокруткой страницы, и мы только что заметили, когда вы нажимаете на навигацию ссылка в первый раз, она прокручивается вниз, но не до такой степени, как должна, ~ 700px выше предполагаемого раздела. Любые последующие клики работают нормально, странный самый первый навигационный клик.

Вместо этого я попробовал window.load, поскольку я читал, что все элементы страницы могут не загрузиться к тому времени, когда пользователь делает первый щелчок, но это не помогло.

Версия jQuery: 1.12.4/jquery.min.js

$(function() {
  $('a[href*="#"]:not([href="#"])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && 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
        }, 1000);
        return false;
      }
    }
  });
});