Example: Animating scroll with jQuery


A reader asked for an example of using the jQuery scroll code I had written a while back.  Based on that code, here is the example:

<form> <input type="text" id="myTextInput" /> <input type="button" value="Send" id="postButton" /> </form> $(document).ready(function(){ $('#postButton').click(function(){ $('#myDiv').append($('#myTextInput').val() + '
'); $('#myTextInput').val(''); $("#myDiv").animate({ scrollTop: $("#myDiv").attr("scrollHeight") }, 1000); }); });

A simple, functional example.

Edit 3/10/10:
Please see the new post here:

https://kisdigital.wordpress.com/2010/03/10/using-jquery-to-scroll-to-the-bottom-of-a-div-revised/

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 )

Google+ photo

You are commenting using your Google+ 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 )

w

Connecting to %s