Smooth Scroll Effect to anchor – jQuery

Smooth Scroll Effect to anchor – jQuery

Add a smooth scroll effect to an anchor with this simple  jQuery  snippet. You need to define a link and then an item with the anchor ID. In... 01:33

Add a smooth scroll effect to an anchor with this simple jQuery snippet.

You need to define a link and then an item with the anchor ID.

In the example below it uses a class to identify the link. You could remove it or change it to your needs.

<h1 id="anchor">Lorem Ipsum</h1>

<a href="#anchor" class="topLink">Back to Top</a>

$(document).ready(function() {

    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 500,
            easing: "swing"
        });
        return false;
    });

});

Found it here.