Question

我有一个包含多个输入字段的表单，这样在我到达提交按钮之前，我会滚动到页面底部。我使用jquery提交表单而不刷新页面。当表单提交时，仍然显示提交按钮区域，即表单的底部。如何调整我的代码，以便在提交表单后，它会返回到页面顶部而不刷新页面？我的代码如下所示。

Jquery的

$("#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(); 
}

Answer 1

您可以使用此代码顺畅滚动到页面顶部

$("html, body").animate({ scrollTop: 0 }, "slow");

Answer 2

使用

<a href="#">link</a>

锚定回到顶部。

编辑：对于JS，请参阅此页：

How to scroll to top of page with JavaScript/jQuery?

Answer 3

我会尽力帮忙！：d

这里的HTML，请务必在身体上添加ID，以便我们可以登顶！

<body id="top">
    <!-- content... -->
</body>

接下来，javascript！

// 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";
});

如何在提交表单后返回页面顶部而不刷新页面

3 个答案: