javascript - 使用 jquery 滚动到一个 div

Question

我有一个问题之前可能已经回答过，但我无法使代码工作。

我有一个 <a href="#page-contact"> ，一旦用户点击它，它应该向下滚动(带动画)到一个 ID 为 "page-contact" 的 div。 .它确实将我带到了表单，但没有动画

代码如下:

<li class=""><a href="#page-contact">Contact</a></li>


<section id="page-contact" class="page-contact">
</section>

 $('.page-contact').on('click', function(event) {
    var target = $(this.href);
    if( target.length ) {
       event.preventDefault();
       $('html, body').animate({
         scrollTop: $("#page-contact").offset().top
    }, "slow");
  }
});

Answer 1

实际上是非常小的东西..

$('.page-contact').on('click', function(event) {
     //..
};

您将此连接到目标 div 上的点击，而不是按钮上的点击。 将事件连接到您的按钮具有的类，它将起作用。

$('#scrollButton').on('click', function(event) {
    var target = $(this.hash);
    if( target.length ) {
        event.preventDefault();    
        $('html, body').animate({
            scrollTop: target.offset().top
        }, "slow");
    }
});

试用 fiddle :http://jsfiddle.net/Macavity/xeqmnoLL/2/