How to go to bottom of the page when submitbutton is clicked?

Question

On my website there is a contactform on the bottom of the page. When it is filled in and a user pressed the submitbutton, the page reloads but shows the top of the page. What do I need to adjust so when a user pushed the submitbutton, the page reloads and goes to the bottom of the page?

Thanks!

what about having some sort of "Thank you for contacting me" page, instead of reloading the same page? I think it's less likely to confuse users. — andi, Oct 23 '13 at 17:58

score 2 · Accepted Answer · edited May 23 '17 at 12:30

2

You have a few options:

Set the hashtag
You can use jQuery and use .scrollTop()
Or native with window.scrollBy(0,9999);
Submit the for through Ajax so you don't have to refresh the page.

edited May 23 '17 at 12:30

Community

1
1

answered Oct 23 '13 at 17:53

Niels

48,601
4
62
81

Ow yes, forgot I could use javascript to scroll to the bottom, thanks! – STheFox Oct 23 '13 at 17:58

score 1 · Answer 2 · answered Oct 23 '13 at 17:55

1

Put a named anchor to where you want to go after form sending:

<a name="afterform"><h1>Example: a heading</h1></a>

And then add that as a hash to the form action:

<form action="yourpage.html#afterform" ...

answered Oct 23 '13 at 17:55

PurkkaKoodari

6,703
6
37
58

How to go to bottom of the page when submitbutton is clicked?

2 Answers2