Making an HTML element scroll to the bottom


Often it is nice to have a div or a textbox scroll to the bottom when new information is added or when it is first loaded.  The following script using jQuery makes this happen.


var theDiv = $("selector");
if (theDiv.length > 0) {
theDiv[0].scrollTop = theDiv[0].scrollHeight;
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s