jquery smooth scrolling of internal anchor links
<script>
jQuery(document).ready(function(){
jQuery(‘a[href^=”#”]’).on(‘click’,function (s) {
s.preventDefault();
var smarttarget = this.hash,
$smarttarget = jQuery(smarttarget);
jQuery(‘html, body’).stop().animate({
‘scrollTop’: $target.offset().top
}, 900, ‘swing’, function () {
window.location.hash = smarttarget;
});
});
});
</script>
<ul>
<li><h1>Contents</h1></li>
<li> 1. <a class=”msection” style=”color:#1155CC” href=”#section_1″>Tes1</a></li>
<li> 2. <a class=”msection” style=”color:#1155CC” href=”#section_2″>Test 2</a></li>
</ul>
<a id=”section_1″ name=”section_1″></a>
<h1>1.Test1</h1>
<p>Test content </p>