jQuery - Naar boven scrollen


Je ziet nog wel eens op een website onderaan op een pagina een link of knop staan om 'terug naar boven' te gaan. Dit kan eenvoudig gedaan worden met een stukje HTML echter is het dan zo dat je in een enkele klap weer bovenaan de pagina bent. Het is wat dat betreft mooier om dit met een effect te doen zodat het voor de bezoeker ook duidelijker is.

Het toepassen van het effect kan met de onderstaande code. Plaats dan wel op de pagina een link <a href="#top">Terug naar boven</a> waar het effect dan op wordt toegepast.

$(document).ready(function() {
        $('a[href=#top]').click(function(){
                $('html, body').animate({scrollTop:0}, 'slow');
                return false;
        });
});