Smooth scroll to anchor from url using jQuery

Question

I'm creating a portfolio website and I've got the work section showing half way down the home page. So when you click 'work' in the navigation it scrolls to the work section of the page using jQuery. However when clicking on the work button from the about page it just jumps to the work section, rather than loading the homepage then scrolling to it.

Say the button on the about page is href="index.html#work". Anyone know how to make it load the home page and then scroll to the work anchor?

Hope this makes sense...

score 0 · Answer 1 · edited May 23 '17 at 12:29

0

How about prevent default behavior when the document's loaded, then execute function.

How to prevent jump on an anchor click?

How to disable anchor "jump" when loading a page?

edited May 23 '17 at 12:29

Community

1
1

answered Nov 05 '13 at 21:49

ravb79

722
5
8

Smooth scroll to anchor from url using jQuery

1 Answers1