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

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

Но предположим, что пользователь находится на веб-странице 1 и нажал на href, что должно привести к плавной прокрутке к «примеру контента» на веб-странице 2.

Как сделать так, чтобы эта ссылка 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