javascript - Jquery $(窗口).scrollTop();方法是滚动到页面的特定位置，然后再次滚动到页面顶部？

Question

*我的要求:**

当用户点击特定的 HTML anchor 标记时，页面将滚动到页面上的特定位置。

我的逻辑:

为了滚动到页面的特定位置，我使用了 Jquery $(window).scrollTop();方法。

我的问题:

当用户单击我网页标题部分中的 anchor 标记(有问题吗？)，然后页面滚动到我页面的快速查询部分时。之后它再次滚动到页面顶部。

它想停在快速查询部分本身，它不能再次滚动到页面顶部。

我的代码:

<script type="text/javascript">
     function moveToBottom()
     {
      alert("before scorlling");
      $(window).scrollTop(1042); 
      $('.wpcf7-form-control wpcf7-text wpcf7-validates-as-required').focus();
     alert("after scorlling");
     }
</script>

谁能帮我找到这个页面滚动的解决方案。在此先感谢。

Answer 1

尝试使用这个:

  $('html, body').animate({
    scrollTop: $(".customFooterMenu").offset().top
}, 2000);

我想在你的情况下你想滚动到这个类(customFooterMenu)

如果上述方法不起作用，请尝试为要滚动到的 div 分配一个 id，然后使用该 id 而不是 customFooterMenu 。