jquery無法滾動到div上的元素頂部點擊

Question

我需要在單擊元素時滾動到頁面上的特定點。我嘗試了以下基於其他答案的以下內容，但我無法啓動它。

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

}); 

任何想法，我做錯了什麼？在Chrome中沒有輸出到控制檯。

Answer 1

HTML代碼：

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

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

CSS代碼：

#activate_button{margin-bottom:900px;} 

jQuery代碼：

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