anchor

Pattern: :target   Definition: The :target pseudo-class matches the target element. (A target element is an URI refers to a location within the document. It ends with a "number sign" (#) followed by an anchor identifier.).   Examples: Style an <h2> element that is the target element of the referring URI. h2:target { border: 2px dashed burlywood; }

jQuery.localScroll will animate a regular anchor navigation. It will allow your visitors to navigate your site with a smooth scrolling effect.   Each time a link is clicked, the element you decide(can be the whole screen), will gradually scroll to the targeted element, instead of "jumping" as it'd normally do.  

Scroll To provides a simple way to animate to anchors. Scrolling to a spot in an HTML page is pretty simple to do with JQuery, but if you have a lot of IDs on the page to scroll to, the code can get a little messy. This plugin solves that by allowing you to write your anchor tags just as you normally would with the href attribute pointed at the ID you would like to move to (e.g. href="#importantSection".) This means that if JavaScript is turned off, your site will continue to function normally.