Jquery无法在div点击时滚动到元素的顶部

Question

单击元素时，我需要滚动到页面上的特定点。我已根据此处找到的其他答案尝试了以下操作，但我无法激活它。

$(document).ready(function() {    
    $('#activate_button').click(function() {
      $('html, body').animate({
        scrollTop: $("#second_header").offset().top
      }, 2000);
    });    

});

关于我做错了什么的任何想法？ chrome中没有输出到控制台。

Answer 1

HTML CODE：

<div id="activate_button">
    hi
</div>

<div id="second_header">
    2nd div
</div>

CSS代码：

#activate_button{margin-bottom:900px;}

JQUERY CODE：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
$(document).ready(function() {    
    $('#activate_button').click(function() {
      $('html, body').animate({
        scrollTop: $("#second_header").offset().top
      }, 2000);
    });    

});

http://jsfiddle.net/00yvp6rz/