Animate jQuery scrolltop

Question

I have a scrollTop function in jQuery but I can\'t animate it. Is it possible?

$(\".loadmore\").click(function() {
  $(this).toggleClass(\"up-arrow\", 1000);         


        

Answer 1

$('html, body').animate({ scrollTop: $('.docs').offset().top}, 2000);

Answer 2

$('#ID').click(function(){
$("html, body").animate({ scrollTop: 0 }, 1000);
return false;         });

Try this code of Jquery

Answer 3

You can use animate() for this.

Example code applied on a div is as follows :

//Scroll to bottom
$('div').animate({scrollTop: $('div').get(0).scrollHeight}, 3000);

//$('div').get(0).scrollHeight - will give the full height of div.
//scrollTop - will be used to animate from the current position to page end.
//3000 - will be the duration.

Demo can be found here : http://jsfiddle.net/codebombs/GjXzD/