Scroll effect with local anchors – Jquery

I forgot where i got this idea of this script, but i remember this is not my own.

About the script:
This is to make some scroll effect inside a page anchors to target  (like #content). Click Here For The DEMO

How to use:
Simply add this scroll.js script with jquery. Set the anchor tags which want to use the effect class=”scroll”

HTML file:

TEST

<div align="center">
<table border="1" cellspacing="1" width="500" id="table1">
<tr>
<td>
<div align="left" id="top">
<table border="0" cellpadding="0" cellspacing="0" width="100" id="table2">
<tr>
<td><a href="#home" class="scroll">HOME</a></td>
</tr>
<tr>
<td><a href="#about" class="scroll">ABOUT</a></td>
</tr>
<tr>
<td><a href="#contact" class="scroll">CONTACT</a></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="500" valign="top"><span id="home">HOME AREA</span>
			<a href="#top" class="scroll">Go Top</a></td>
</tr>
<tr>
<td valign="top" height="700"><span id="about">ABOUT AREA</span>
			<a href="#top" class="scroll">Go Top</a></td>
</tr>
<tr>
<td valign="top" height="800"><span id="contact">CONTACT AREA </span>
			<a href="#top" class="scroll">Go Top</a></td>
</tr>
</table>
</div>

scroll.js script:

$(document).ready(function(){
	$(".scroll").click(function(event){
		//prevent the default action for the click event
		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 = $("#"+trgt).offset();
		var target_top = target_offset.top;

		//goto that anchor by setting the body scroll top to anchor top
		$('html, body').animate({scrollTop:target_top}, 500);
	});
});

——————————–

Updated from post discussion:
From Kasper’s Comment

$(document).ready(function(){
  $(".scroll").click(function(event){
    event.preventDefault();
    var offset = $($(this).attr('href')).offset().top;
    $('html, body').animate({scrollTop:offset}, 500);
  });
});