当表单行为到同一页面时，保留页面位置？

在我目前的项目中，用户点击了他们正在编辑的“保存更改”，并且它进一步向下弹出编辑框，保存的文本等页面。有没有办法让网站保留其页面位置，以便将它们自动滚动回到他们点击编辑的位置？当表单行为到同一页面时，保留页面位置？

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

我的网站编码用PHP编写。

感谢

2013-02-22 jakecraige

你可能想看看如何通过AJAX保存表单一些教程。这将意味着你不在POST页面上，因此它不会刷新，并且用户不会失去在页面上的位置。

2013-02-22 07:58:34 sjdaws

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

2013-02-22 07:59:06 OakNinja

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

例如考虑下面的场景你的编辑按钮位于

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

如果您的网页名称为“的index.php”和你的URL重定向：“的index.php＃editButton” 你的页面会自动滚动到该部分没有太多的努力。

它标识元素的id并将滚动置于该位置。

干杯

2013-02-22 08:00:20

是的，这是好事，有这种做法。

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

然后，学习jQuery（希望你熟悉什么是ID和CSS类）...

酷？

2013-02-22 08:01:13 Karma

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

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

我想这应该工作。

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

2013-02-22 08:04:45 Buksy

我只是在形式上把动作名称ID选择的：

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

而且它为我工作。

2017-01-07 19:03:33 Ales

回答