jquery无法滚动到div上的元素顶部点击

问题描述：

我需要在单击元素时滚动到页面上的特定点。我尝试了以下基于其他答案的以下内容，但我无法启动它。jquery无法滚动到div上的元素顶部点击

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

});

任何想法，我做错了什么？在Chrome中没有输出到控制台。

您可以创建的jsfiddle？第一个假设：你是否在页面中导入jQuery库？ – 2014-09-30 09:08:40

http://jsfiddle.net/gcURs/86/请检查它的工作情况，请检查您的元素ID。 – 2014-09-30 09:09:26

答

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/

jquery无法滚动到div上的元素顶部点击

相关推荐