Jquery 如何在提交表单后返回页面顶部而不刷新页面
我有一个带有多个输入字段的表单,因此在我进入提交按钮之前,我会滚动到页面底部。我使用jquery提交表单而不刷新页面。表单提交时,“提交”按钮区域(即表单底部)仍在显示。如何调整我的代码,使表单一旦提交,就可以返回页面顶部而不刷新页面?我的代码如下所示 JqueryJquery 如何在提交表单后返回页面顶部而不刷新页面,jquery,Jquery,我有一个带有多个输入字段的表单,因此在我进入提交按钮之前,我会滚动到页面底部。我使用jquery提交表单而不刷新页面。表单提交时,“提交”按钮区域(即表单底部)仍在显示。如何调整我的代码,使表单一旦提交,就可以返回页面顶部而不刷新页面?我的代码如下所示 Jquery $("#sub").click( function() { var content = tinyMCE.activeEditor.getContent(); $('textarea[name=texteditor]').val(
$("#sub").click( function() {
var content = tinyMCE.activeEditor.getContent();
$('textarea[name=texteditor]').val(content);
$.post( $("#myform2").attr("action"), $("#myform2").serialize(), function(info){ $("#result").html(info); } );
clearInput();
});
$("#myform2").submit( function() {
return false;
});
function clearInput() {
$("#myform2")[0].reset();
}
您可以使用此代码平滑地滚动到页面顶部
$("html, body").animate({ scrollTop: 0 }, "slow");
使用
锚定回到顶端
编辑:对于JS,请参见本页:
我会尽力帮忙的!:D
HTML在这里,确保添加一个ID到正文中,这样我们就可以进入顶部了
<body id="top">
<!-- content... -->
</body>
你可能就是那个人的复制品。工作得很有魅力。正是我需要的。谢谢。很乐意帮忙:-)要进一步了解DewsALot,您不需要顶级id。。。只用#
<body id="top">
<!-- content... -->
</body>
// This will take the user to the top of the page.
// I haven't tested this, so it may or may not work, but you get the idea.
$('#form').submit(function() {
window.location = window.location + "#top";
});