How to smooth scroll using jquery

Question

I use scrollTop to scroll the contents of a div using

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 scrolling is hard on the eyes. Is there a way to make the transition easier.

I appreciate any help.

Answer 1

From the jquery API ...

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

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