Onclick menu button, website scrolls to div

javascript jquery html css scrollto
zot3 picture zot3 · Feb 28, 2014 · Viewed 11.9k times · Source

I'm making a personal portfolio in an infinte scroll website. Right now I have 4 divs (home, bio, work and contact). I have an header with a menu with 4 names, same as divs. So what I want to do is to have a trigger when I'm at the div "Home" and click on the menu "Work" I want the browser to scroll down to the third div whick is "Work". Hope I make myself clear :)

Answer

Jatin picture Jatin · Feb 28, 2014

For something really basic use this:

<a href="#work">Work</a>

or you can try jQuery plugin ScrollTo

Working Fiddle

Related questions

Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More
How to add `style=display:"block"` to an element using jQuery?

How to add style=display:"block" to an element in jQuery?

Read More