jQuery ScrollTo - animeret scroll-funktion

Hvis man vil lave en animeret scroll-funktion til sine sider og lave en smooth scroll til sit anchor kan det gøres vha. jQuery.

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

'slow' kan med fordel udskiftes med 1000 (svarer til slow i millisekunder), så der kommer til at stå:

   $('html,body').animate({scrollTop: $("#"+id).offset().top},1000);

Her er a href'en...

<a href="javascript:void(0)" onClick="goToByScroll('1')">Go to anchor 1</a>
<a href="javascript:void(0)" onClick="goToByScroll('2')">Go to anchor 2</a>

Her linkes til id="1" og id="2" som kan sættes på h1, h2, p, span, osv.

Exempel:

<h1 id="1">Overskrift</h1>