Добавление задержки к прокрутке привязки при загрузке страницы - PullRequest
Новая
       40

Добавление задержки к прокрутке привязки при загрузке страницы

0 голосов
/ 07 ноября 2019

У меня есть этот Jquery-скрипт, который отлично работает, только у меня проблема, когда кто-то делится ссылкой с привязкой, свиток уже настроен на эту привязку, но страница еще не загружена полностью.

Итаккогда загрузка страницы завершена, положение прокрутки неверно.

Мне уже удалось добавить задержку к нажатию прокрутки, но возможно ли что-то подобное при загрузке страницы? Что он ждет с прокруткой до якоря, пока веб-страница не будет полностью загружена или что-то в этом роде.

Это код, который я получил до сих пор. 

// Select all links with hashes
jQuery('a[href*="#"]:not(.meer-minder-specs)')
  // Remove links that don't actually link to anything
  .not('[href="#tab-description"]')
  .not('[href="#tab-reviews"]')
    .not('[href="#tab-additional_information"]')
  .click(function(event) {
    // On-page links
    if (
      location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname
    ) {
      // Figure out element to scroll to
      var target = jQuery(this.hash);
      target = target.length ? target : jQuery('[name=' + this.hash.slice(1) + ']');
      // Does a scroll target exist?
      if (target.length) {
        // Only prevent default if animation is actually gonna happen
        event.preventDefault();
        jQuery('html, body').delay(1000).animate({
          scrollTop: target.offset().top -250
        }, 1000, function() {
          // Callback after animation
          // Must change focus!
          var jQuerytarget = jQuery(target);
          jQuerytarget.focus();
          if (jQuerytarget.is(":focus")) { // Checking if the target was focused
            return false;
          } else {
            jQuerytarget.attr('tabindex','-1'); // Adding tabindex for elements not focusable
            jQuerytarget.focus(); // Set focus again
          };
        });
      }
    }
  });
...