How do i load page with default hash (ID) content?

Question

I have a page, named as index.html and i want to load it as index.html#home

Because i do have few elements with different ID's, and i want to load the #home content by default.

So when we hit index.html page it will reload to index.html#home (unless if no hash is specified in the URL)

How its possible? and forgive my english.

Stefan · Answer 1 · 2013-07-27T15:16:07.777

1

Put this in the (NOT head - see comments) bottom of your html page:

<script type='text/javascript'>
     document.getElementById("home").scrollIntoView();
</script>

edited Jul 27 '13 at 15:16

answered Jul 27 '13 at 15:05

Stefan

3

Surely you'd have to wait for the DOM to be ready before that would work? – Lee Taylor Jul 27 '13 at 15:07
Yes, I am sure you are right! This should work when placed at the bottom of the HTML page, not top. – Stefan Jul 27 '13 at 15:14
This should be executed after page load as [here](https://stackoverflow.com/a/19113062/3917161) said. – J3soon Jul 23 '18 at 15:30

score 1 · Accepted Answer · answered Jul 27 '13 at 15:17

1

You may try this (Check MDN)

if(!window.location.hash) {
    location.hash = '#home';
}

answered Jul 27 '13 at 15:17

The Alpha

it will go to index.hrml#home content even if i tried to go for index.html#contact. any solution by adding if condition? – Umar Aug 10 '13 at 12:53
Sorry, didn't get it what you asked. – The Alpha Aug 10 '13 at 19:22

score 0 · Answer 3 · edited May 23 '17 at 12:14

0

If what you're trying to do is scroll to a div on pageload, I suggest reading (/applying) this:

edited May 23 '17 at 12:14

Community

answered Jul 27 '13 at 14:51

Jean-Paul

3 Answers3