Scrolling to the bottom of a field

[gerkintrigg]

I'm using Ajax to make this chat box:

 

Http://www.ghostlypublishing.com/chat

 

All I want to happen is to automatically scroll to the bottom of the field.

 

What's the easiest way to achieve this?

 

Neil

[Irate]

Use $(obj).animate( { scrollTop: $(elementToScrollTo).offset().top } , 500, "swing", function(whenComplete){});.

Also check out the documentation at the jQuery site if you need to know more about it.

http://api.jquery.com/animate/

[gerkintrigg]

I've done this: 

function loadLog(){		
		var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
		$.ajax({
			url: "log.html",
			cache: false,
			success: function(html){		
				$("#chatbox").html(html); //Insert chat log into the #chatbox div				
				var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
				if(newscrollHeight > oldscrollHeight){
					$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
				}				
		  	},
		});
	}

It would appear that this SHOULD work... but it's not.

Edited October 2, 2013 by gerkintrigg