jQuery goToByScroll()

JAVASCRIPT
========================================================================
<script>
function goToByScroll(id){
	$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>

HTML - Must be inside the BODY, which is correctly nested inside the HTML tag
========================================================================
<ul>
	<li><a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a></li>
	<li><a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a></li>
	<li><a href="javascript:void(0)" onClick="goToByScroll('3')">Go to anchor 3</a></li>
	<li><a href="javascript:void(0)" onClick="goToByScroll('4')">Go to anchor 4</a></li>
</ul>
<div>
	<div id="1">
		<h1>1</h1>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</div>
	<div id="2">
		<h1>2</h1>
		Proin orci erat, gravida vitae auctor sed, fringilla sit amet sem.
	</div>
	<div id="3">
		<h1>3</h1>
		Etiam scelerisque, ligula ac scelerisque egestas, sem arcu commodo ligula, in imperdiet arcu ipsum nec magna.
	</div>
	<div id="4">
		<h1>4</h1>
		Proin purus tellus, dictum at volutpat tempor, ultrices ut arcu.
	</div>
</div>