Вызов javascript smoothscroll после перенаправления на следующую страницу - PullRequest
Новая
       19

Вызов javascript smoothscroll после перенаправления на следующую страницу

0 голосов
/ 14 мая 2019

Я создаю сайт, который содержит плавную прокрутку JS.Все работает нормально, когда smoothscroll href указывает на контент на той же странице.

Но давайте предположим, что пользователь находится на webpage1, и он нажал на href, который должен привести и плавную прокрутку к «примеру контента» на webpage2.

Как сделать так, чтобы ссылка href перенаправляла пользователя на эту страницу, а после перенаправления автоматически сглаживала прокрутку до «примера содержимого».

Вот изображение того, что я имею в виду.Надеюсь, это поможет понять мою проблему.https://i.postimg.cc/DzVHWsPw/image.png

Я пытался использовать функцию загрузки javascript, но безуспешно, возможно, я использовал ее неправильно.

Вот функция плавной прокрутки: 

(function ($) {
  "use strict";


  $('a.js-scroll-trigger[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 - 54)
        }, 1000, "easeInOutExpo");
        return false;
      }
    }
  });

})(jQuery);

Вот HTML 

<a href="#info1" class="js-scroll-trigger"><button type="button">Button</button></a>

<div id="info1">Content of info1</div>

, чтобы он работал, используя jquery.min.js и jquery.easing.js

...