javascript - 单击按钮后 jQuery 平滑滚动到 anchor

Question

出于某种原因，我无法顺利向下滚动到 anchor 。谁能看出原因？

这是 html:

<div id="onward">
    <a href="#xdroneslogan" class="btn">
        <i class="icon-chevron-down icon-white"></i> Onward
    </a>
</div>

这是javascript:

<script>
    $("#onward a").click(function(){
      var onwardId = $(this).attr("href");
      $("html, body").animate({scrollTop: $(onwardId).offset().top}, "slow");
      return false;
    });
</script>

Answer 1

试试这个:- http://jsfiddle.net/adiioo7/bguAG/1/

JS:-

$("#onward a").click(function () {
    var onwardId = $(this).attr("href");
    $("html, body").animate({
        scrollTop: $(onwardId).offset().top
    }, "slow");
    return false;
});

HTML:-

<div id="xdroneslogan" style="height:1000px;background:red;"></div>
<div id="onward">
<a href="#xdroneslogan" class="btn"><i class="icon-chevron-down icon-white"></i> Onward</a>

</div>

还要确保 jQuery.fx.off 设置为 false。