如何在不刷新頁面的情況下提交表單後返回頁面頂部

我有一個具有多個輸入字段的表單，例如在我到達提交按鈕之前，我將滾動到頁面的底部。我使用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(); 
}

來源

2017-08-27 Oponjous

的[滾動到使用JavaScript/jQuery的頁面頂部？]可能的複製（https://stackoverflow.com/questions/1144805/scroll-to-the-top-of-the-page-使用-javascript-jquery） –

您可以使用此代碼順利滾動到頁面

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

來源

2017-08-27 22:18:22 Chris

你是男人。像魅力一樣工作。正是我需要的。謝謝。 – Oponjous

高興地幫助:-) – Chris

使用

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

錨回頂的頂部。

編輯：對於JS，看到這個頁面：

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

來源

2017-08-27 22:19:29

要進一步與DewsALot，你不需要一個頂級的ID ...只是使用＃ –

我會盡力幫助！：D

HTML在這裏，一定要添加一個身份證，所以我們可以去頂部！

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

來源

2017-08-27 22:23:31

如何在不刷新頁面的情況下提交表單後返回頁面頂部

回答

相關問題