我在使用jQuery时遇到了一些麻烦,并且正在寻找一些解决方案来为我现有的slideDown函数添加一些内容。

在我看来非常有趣的是2010年http://stackoverflow.com/questions/4034659/is-it-possible-to-animate-scrollop-with-jquery中的问题/答案

与该问题的不同之处在于,我每次都在寻找针对scrollTop的解决方案,以解决不同的<a> anchor问题。

在下面的示例中,假定<a href"#">移至顶部。

那可能吗?

的HTML

<div class="next_btn" id="next_btn_show_step_3">
    <a href="#"><?php echo $lang ['next']; ?></a>
</div>
<article class="order_form_step_3" id="banner_step_3">
</article>


jQuery的

$(document).ready(function(){
  $("#banner_step_3").hide();

  $("#next_btn_show_step_3").click(function(e){
    $("#banner_step_3").slideDown(500);
    e.preventDefault();
  });
});

最佳答案

您可以像这样轻松地调整该答案:

$("html, body").animate({ scrollTop: Math.floor($('#yourElement').offset().top) + "px" });

关于javascript - 我可以在不编写函数的情况下使用scrollTop吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20623564/

10-12 15:39