javascript - 使用 jquery onclick 将网页滚动到 div

Question

我有 html 表单并使用以下代码提交表单

<div class="submit-clear">
<input  id="generate" type="submit"  name="script" value="create"/>
</div>

表单数据将显示在单独的 div 上在散列标签页的底部 #output

输出部分的div id是

<div id="output-main">

<-------output of the form data will be displayed here---->

</div>

一旦用户提交表单，我需要将网页滚动到 <div id="output-main">部分显示输出。在搜索上一个问题后，我得到了以下解决方案，但它对我不起作用。请在这里帮助我

$('#generate').click(function() {

   $.scrollTo($('#output-main'), 500);
});

编辑:

我必须在表单提交后滚动网页。网页将在表单提交后刷新数据并加载带有表单输出的#ouput 页面

Answer 1

您是否正确包含了 scrollTo library ？您确定您在其他地方没有收到任何 js 错误(这可能会破坏您的代码)吗？

这是一个工作演示:http://jsfiddle.net/8Cy7V/

$("#generate").click(function() {
    $.scrollTo( '#output-main', 800);
});