Automatically scroll down after submit action

Question

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...

Solution 1

<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>

Solution 2

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.

Solution 3

Post to an anchor tag on the page the sumbit is being sent to

 http://foo.com#youranchor