javascript - 单击时，重定向到新页面并滚动到该新页面上的特定div

要求：单击按钮后，我想重定向到新页面，然后滚动到新页面上的特定部分。

问题 ：

这是我目前正在重定向的方式

 <div class="button know-more-btn">
    <a href="/about-us#Who-We-Are" target="" class="btn-link btn-small">
    KNOW MORE</a>
    </div>

现在，一旦单击按钮重定向，我希望它滚动到新页面上的特定部分。

我目前正在尝试通过以下代码实现此方案：-

$('.know-more-btn').click(function () {
   if(location.hash == "#Who-We-Are"){
    $('html, body').animate({
    scrollTop: $(".map-section").offset().top
}, 1000);
}
});

因此，在单击know-more-btn时，它应该检查location.hash并滚动到新页面上的map-section div类。

但是它只会重定向，而不会滚动到所需的部分。

请帮我解决这个问题。

最佳答案

您的代码：

$('.know-more-btn').click(function () {
   if(location.hash == "#Who-We-Are"){
    $('html, body').animate({
    scrollTop: $(".map-section").offset().top
}, 1000);
}
});

新代码：

   if(location.hash == "#Who-We-Are"){
       $('html, body').animate({
       scrollTop: $(".map-section").offset().top
   }, 1000);


   $('.know-more-btn').click(function () {
      if(location.hash == "#Who-We-Are"){
       $('html, body').animate({
       scrollTop: $(".map-section").offset().top
     }, 1000);
    }
   });