Question

I am making a chat-like interface which can be seen here (best viewed in Chrome right now):

http://qas.im/web/sms.php

The temporary username:password is temp_guest:password

My problem is that when you click one of the chats, it doesnt automatically scroll to the bottom when I use this code:

$(".messages").attr({ scrollTop: $(".messages").attr("scrollHeight") });

What could be wrong? The messages div has a css of:

.messages {
    height:400px;
    overflow: auto;
}

For people who are wondering: Page isnt HTML validated yet but I will be cleaning it up soon. Most of the page is auto-generated which is challenging to make the code look pretty ;P

Answer 1

If you are using jQuery 1.6 or later, use prop instead of attr.

Working example: http://jsfiddle.net/FishBasketGordo/PNwj3/