How to make my website automatically scroll down after sending e-mail from "Contact Form" which is located on the bottom of my webpage? Information about successful sending or error ouccurs below the form and after clicking that 'submit' button page is refreshing and user can see only top of the site, not the bottom...
Asked
Active
Viewed 1.3k times
3 Answers
13
<form id="form" action="{your_action}#form">
....
</form>
or if you want scroll to alert position :
<div id="form">
<div class="alert">Alert</div>
<form action="{your_action}#form">
...
</form>
</div>
DJafari
- 12,955
- 8
- 43
- 65
1
Post to an anchor tag on the page the sumbit is being sent to
http://foo.com#youranchor
Ray
- 40,256
- 21
- 101
- 138
1
The action within this opening form tag works for my site:
<form action="<?php $location = $_SERVER['PATH_INFO'];
echo ''.$location.'#form';?>" method="post">
Essentially, you're acquiring the current URL and assigning it to $location, then echoing that out with #form tagged on the end. So the browser would read this action as:
action="currentURL.php#form"
I did it this way because my form is an include found on every page of my website, so the action needed to identify its current location before scrolling down to the form.
