Jquery $(window).scrollTop();方法是滚动到页面的特定位置,然后再次在页面顶部进行缩放?

时间:2016-04-01 07:36:38

标签: javascript jquery html wordpress

*我的要求:**

当用户点击特定的HTML锚标记时,该页面会缩放到页面上的特定位置。

我的逻辑:

对于Scorlling到页面的特定位置,我使用了Jquery $(窗口).scrollTop();方法

我的问题:

当用户点击我网页标题部分中的锚点标记(有问题?),然后页面滚动到我页面的快速查询部分。之后,它再次出现在页面顶部。

它想停在快速查询部分本身,它不能再次掠过页面顶部。

我的代码:

<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>

任何人都可以帮我找到这个页面滚动的解决方案。提前谢谢。

2 个答案:

答案 0 :(得分:2)

尝试使用:

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

我想你想要滚动到这个类(customFooterMenu)

如果上述方法不起作用,请尝试将id分配给要滚动的div,然后使用该id而不是customFooterMenu。

答案 1 :(得分:1)

如何使用

&#13;
&#13;
$(document).scrollTop(1042); 
&#13;
&#13;
&#13;