JQuery scrolltop animation

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); $(window).scrollTop($('.docs').offset().top, 2000); }); 

Answer 1

You can use animate() for this.

An example of code applied to 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. 

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

Answer 2

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

Answer 3

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

Try this jQuery code