在FireFox中自动滚动

Question

My application is a Live chat. I have a Div to wrap the messages, each message is a div, so, after a few messages my DOM looks like this :

<div id = "divChatHistory">
   <div id = "msg1> Message number one </div>
   <div id = "msg2> Message number two </div>
   <div id = "msg3> Message number three </div>
   // ...
</div>

Now a need to auto-scrool the divChatHistory for each message, and its realy simple:

function AutoScroll() {
    $('#<%= divChatHistory.ClientID%>').scrollTop(100000000000);
}

but it works only in Internet Explorer (IE) in FireFox (FF) not happens.

Any Idea ?

Answer 1

Solved.

 function AutoScroll() {
    if (chkRolagem[0].checked) {
        if (jQuery.browser.msie)
            divChatHistory.scrollTop(100000000000);
        else
            divChatHistory.scrollTop(-100000000000);
    }
}

If IE, positive number.

If FF, negative number

Answer 2

You can use the scrollTo plugin. See a demo

Check this one also

Animated Scrolling with jQuery 1.2