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

Question

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

问题:

这就是我当前重定向的方式

 <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);
}
});

因此，单击“了解更多”btn 时，它应该检查 location.hash 并滚动到新页面上的 map 部分 div 类。

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

请帮我解决这个问题。

Answer 1

您的代码:

$('.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);
    }
   });