Question

我正在创建一个包含smoothscroll 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在即时通讯中正常工作

重定向到下一页后调用javascript smoothscroll

0 个答案: