jQuery плавная прокрутка «жучка» к одной из многочисленных ссылок меню - PullRequest
Новая
       86

jQuery плавная прокрутка «жучка» к одной из многочисленных ссылок меню

0 голосов
/ 05 марта 2020

Я использую скрипт плавной прокрутки для меню веб-сайта. Большинство якорных ссылок меню прокручиваются плавно и без проблем. Однако одна ссылка привязки выполняет нечеткое движение / прокрутку, спускаясь вниз, передавая идентификатор якоря html, только немного и внезапно и мгновенно поднимаясь над html идентификатором привязки.

Существует сценарий, который я использую где я пытался изменить некоторые из «еще», чтобы «если» просто возиться и посмотреть, что происходит. Однако я понятия не имею, с чего начать. 

    jQuery('a[href*="#"]')
      .not('[href="#"]')
      .not('[href="#0"]')
      .click(function(event) {
        if (
          location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
          && 
          location.hostname == this.hostname
        ) {
          var target = jQuery(this.hash);
          target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']');
          if (target.length) {
            event.preventDefault();
            jQuery('html, body').animate({
              scrollTop: target.offset().top
            }, 1500, function() {
              var jQuerytarget = jQuery(target);
              jQuerytarget.focus();
              if (jQuerytarget.is(":focus")) {
                return false;
              } else {
                jQuerytarget.attr('tabindex','-1');
                jQuerytarget.focus();
              };
            });
          }
        }
    });

Обратите внимание, что остальные ссылки привязки работают нормально, а тема WordPress не имеет функции плавной прокрутки.

Видео для справки: https://gyazo.com/11841351074cf68c54b9dc895c63d848

...