How to make a page scrolled down when a link is opened

Question

I have a page that has a link. When the user pressed the link he goes to a page which has a lot of text. I want the scrolled always be at the bottom of the screen. How can I do that ?

Please let me know if something is not clear.

Thanks for any help.

Do you have control over second page? – Alexey Ten Jul 16 '17 at 09:56 — Alexey Ten, Jul 16 '17 at 09:56

score 4 · Accepted Answer · answered Jul 16 '17 at 09:56

4

You can make the link refer to a fragment in the document, rather than the whole document. The browser will automatically scroll there.

You'd have something like this:

document-1.html:

<div id="some-content">Foo</div>
<div id="other-content">Bar</div>

index.html:

<a href="document-1.html#some-content">Link to some content</a>
<a href="document-1.html#other-content">Link to other content</a>

answered Jul 16 '17 at 09:56

Horia Coman

8,681
2
23
25

Thanks for your answer. I tried it out but it didn't work. I already pass value and I am using php page like so `` How can I make it work ? Thanks again! – user8202693 Jul 16 '17 at 10:04
What did you try and what didn't work? The example you gave wasn't using fragments. – Horia Coman Jul 16 '17 at 10:30

score 0 · Answer 2 · answered Jul 16 '17 at 10:00

0

You can use anchor links, for this, you should have a link like href="/nextpage.html#anchor"

And add <div id="anchor"></div> to you destination page, in a part which should scrolled up

answered Jul 16 '17 at 10:00

Vally Pepyako

141
3

Thanks for your answer. I tried it out but it didn't work. I already pass value and I am using php page like so `` How can I make it work ? Thanks again! – user8202693 Jul 16 '17 at 10:07

How to make a page scrolled down when a link is opened

2 Answers2