提交操作后自动向下滚动答案

【问题标题】：Automatically scroll down after submit action提交操作后自动向下滚动
【发布时间】：2014-02-25 21:59:05
【问题描述】：

如何使我的网站在从位于我网页底部的“联系表”发送电子邮件后自动向下滚动？有关成功发送或错误的信息出现在表单下方，单击“提交”按钮后页面正在刷新，用户只能看到网站的顶部，而不是底部...

【问题讨论】：

【解决方案1】：

<form id="form" action="{your_action}#form">
....
</form>

或者如果你想滚动到警报位置：

<div id="form">
  <div class="alert">Alert</div>
  <form action="{your_action}#form">
  ...
  </form>
</div>

【讨论】：

【解决方案2】：

发布到要发送摘要的页面上的锚标记

 http://foo.com#youranchor

【讨论】：

【解决方案3】：

此打开表单标记中的操作适用于我的网站：

<form action="<?php $location = $_SERVER['PATH_INFO']; 
echo ''.$location.'#form';?>" method="post">

本质上，您正在获取当前 URL 并将其分配给 $location，然后在末尾标记 #form 以呼应该 URL。所以浏览器会将这个动作读作：

action="currentURL.php#form"

我这样做是因为我的表单是在我网站的每个页面上都可以找到的包含，因此在向下滚动到表单之前需要确定其当前位置。

【讨论】：