This code is for HTML
<li> <a href="#A1">Jump </a></li>
<div id="A1"> </div>
This code is for WordPress
Go to Dashboard -> appearance -> menus -> custom links -> #A1 (This will be the URL) Now go to the page where you want this to work <h1 id="A1"> Jump here </h1>
To add Scrolling effect to the anchor
$function(){ $(''a[href *=# ]: not ([href =#])').click(function(){ if(location.pathname.replace(/^\ //,' ') == this.pathname.replace(/^\ //,'') && location.hostname == this.hostname){ Var target = $(this.hash); target=target.length ? target:$('[name='+this.hash.slice(1)+']'); if (target.length){ $('html,body').animate({ scrollTop: target.offset().top },1000); return false; } } }); });