提交操作后自动向下滚动

问题描述 投票:6回答:3

如何从我的网页底部的“联系表格”发送电子邮件后自动向下滚动我的网站?有关在表单下方成功发送或出现错误的信息以及点击“提交”按钮页面后的信息令人耳目一新,用户只能看到网站的顶部,而不是底部......

php html5 twitter-bootstrap-3 form-submit contact-form
3个回答
10
投票
<form id="form" action="{your_action}#form">
....
</form>

1
投票

在峰会发送到的页面上发布锚标记

 http://foo.com#youranchor

1
投票

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

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

基本上,你正在获取当前的URL并将其分配给$location,然后用最后标记的#form回显。因此浏览器会将此操作读取为:

action="currentURL.php#form"

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

© www.soinside.com 2019 - 2024. All rights reserved.