Does jQuery have any functions to scroll the client to the bottom of the view port?

alex picture alex · Mar 19, 2009 · Viewed 14.9k times · Source

I want to animate a scroll to the bottom of the viewport with jQuery. Is there a plugin available which isn't overkill (i.e. without a huge feature set for this small task);

Is there a plugin available or a way to do this natively with jQuery?

Answer

Darko Z picture Darko Z · Mar 19, 2009

jQuery makes things like this so trivial that you just dont need a plugin. Example:

var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);

Instead of html,body you can put any element which scrolls, like a div. t is the time in ms over which the animation will run and x is your position to scroll to in px. Note that this works with scrollLeft also but not scrollRight or scrollBottom (not a limitation of jQuery but JavaScript).