当表单操作到同一页面时，保留页面位置？

Question

在我当前的项目中，用户点击他们正在编辑的内容的“保存更改”，它位于编辑框，保存的文本等弹出的页面的下方。有没有办法让网站保留其页面位置，以便将它们自动滚动回到他们点击的位置进行编辑？

理想情况下，我有一些类型的解决方案，页面不必重新加载，但我不知道该怎么做，哈哈。

我的网站是用PHP编码的。

由于

Answer 1

Html中有一项功能可以在使用（＃）的帮助下定位页面。

例如，考虑以下编辑按钮所在的场景

<div id="editButton">
 <input type="button" name="Edit" value ="Edit"/>
</div>

如果您的网页名称为“index.php”并且您使用网址重定向：“index.php＃editButton” 您的页面将自动滚动到该部分而不需要太多努力。

它标识元素的id并将向上滚动到该位置。

干杯

Answer 2

您可能希望了解一些有关如何通过AJAX保存表单的教程。这意味着您不是在发布页面，因此它不会刷新，用户也不会失去在页面上的位置。

http://www.jstiles.com/Blog/How-To-Submit-a-Form-with-jQuery-and-AJAX
http://www.devblog.co/easy-jquery-ajax-php-contact-form/

Answer 3

我只是将ID选择器的名称放在表单操作中：

<form class="form-horizontal" method="post" action="#regform">

它对我有用。

Answer 4

是的，采用这种方法很好。

不是完成重定向，而是应该发送并相应地上传一大块数据。

为此，您需要http://www.w3schools.com/ajax/default.ASP

然后，学习jQuery（希望你熟悉CSS中的id和类）...

http://api.jquery.com/jQuery.ajax/

酷？

Answer 5

如果您在一个页面上有多个表单，则可以将该表单的name属性添加到链接。 e.g。

<form name="my-form1" action="form.php#my-form1">

我想这应该可行。

另一种方法是考虑使用Ajax，因此您根本不必重新加载页面，或者您可以创建将在表单提交时调用的javasscript函数，并将在隐藏输入中添加当前页面位置。页面重新加载后，您可以使用隐藏输入中的值滚动到原始位置。

Answer 6

是的，使用Ajax部分更新页面。这是在任何Web技术中实现它的方法。