Question

我的应用是实时聊天。我有一个Div来包装消息，每个消息都是一个div，所以，在几条消息后我的DOM看起来像这样：

<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>

现在需要为每条消息自动scrool divChatHistory，它真的很简单：

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

但它仅适用于FireFox（FF）中的Internet Explorer（IE）。

任何想法？

Answer 1

解决。

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

如果IE，正数。

如果FF，负数

Answer 2

您可以使用 scrollTo 插件。查看 demo

同时检查一下

<强> Animated Scrolling with jQuery 1.2

在FireFox中自动滚动

2 个答案: