jQuery Animate ScrollTop不适用于Zurb Foundation

时间:2013-06-26 19:38:43

标签: jquery css css3 zurb-foundation

我正在处理一个页面,需要滚动点击2个按钮(标题中的功能和注册),但我无法让它工作。我现在已经去了一个小时,但根本无法让它发挥作用。即使是在控制台中运行$("html,body").animate({scrollTop: 500}, 'slow')这样简单的事情也行不通......任何人都知道这可能是什么?

http://dizzydata.com/

1 个答案:

答案 0 :(得分:2)

添加脚本以加载jQuery对我有用:

<script src="http://code.jquery.com/jquery-latest.js"></script>

对于脚本,我运行:

$('html, body').animate({
scrollTop: $('#targetID').offset().top
}, 1000);

或者,对于'无滚动动画'效果:

var container = $('html, body'),
scrollTo = $('#targetID');

container.scrollTop(
scrollTo.offset().top - container.offset().top
);