jQuery(document).ready(function(){  
   jQuery(".scroll").click(function(event){  
         //prevent the default action for the click event 
		 jQuery(".scroll").removeClass("on") ;
		 jQuery(this).addClass("on") ;
		 
         event.preventDefault();  
         //get the full url - like mysitecom/index.htm#home  
         var full_url = this.href;  
         //split the url by # and get the anchor target name - home in mysitecom/index.htm#home  
         var parts = full_url.split("#");  
         var trgt = parts[1];  
         //get the top offset of the target anchor  
         var target_offset = jQuery("#"+trgt).offset();  
         var target_top = target_offset.top;  
         //goto that anchor by setting the body scroll top to anchor top  
         jQuery('html, body').animate({scrollTop:target_top}, 1000);  
     });  
 });