How to smooth scrolling using jquery

Question

I am using scrollTop to scroll through content div using this

    var container = $('#content');
    container.scrollTop(
        $('#topic-' + id).offset().top - container.offset().top
    );

    container.scrollTop(
        container.scrollTop() + $('#topic-' + id).offset().top - container.offset().top
    );

It works. But the scrolling is hard on the eyes. Is there any way to ease the transistion.

I appreciate any help.

Answer 1

From the jquery API ...

You need to use the scrolltop as a method in the animation. ie :

.animate({scrollTop:0}, 2000, 'ease')