jQuery Animate ScrollTop 不适用于 Zurb Foundation

Question

我正在处理需要通过单击 2 个按钮(标题中的功能和注册)来滚动的页面，但我无法让它工作。我已经进行了一个小时了，但就是无法正常工作。即使是像在控制台中运行 $("html,body").animate({scrollTop: 500}, 'slow') 这样简单的操作也不起作用......任何人都知道这可能是什么是吗？

http://dizzydata.com/

Answer 1

添加脚本来加载 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
);