我有 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 页面
最佳答案
您是否正确包含了 scrollTo library ? 您确定您在其他地方没有收到任何 js 错误(这可能会破坏您的代码)吗?
这是一个工作演示:http://jsfiddle.net/8Cy7V/
$("#generate").click(function() {
$.scrollTo( '#output-main', 800);
});
关于javascript - 使用 jquery onclick 将网页滚动到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18123986/