DIV元素不滚动

Question

Take a look at this。

使用任意随机用户名登录，并开始发送垃圾邮件，直到您到达DIV的底部。注意它如何不滚动？我需要弄清楚为什么。

用于滚动JavaScript代码：

// Note: CHATBOX_ID = "#chat" 
Minte.UI.addChatEntry = function(html) 
{ 
    // Add the chat entry... 
    var entry = '<div>' + this.formatString(html) + '</div>'; 
    $(CHATBOX_ID).html($(CHATBOX_ID).html() + entry); 

    // .. Then scroll down to the bottom 
    var chatContentHeight = 0; 
    var chatHeight = $(CHATBOX_ID).height(); 

    $(CHATBOX_ID + " > div").each(function() { 
     chatContentHeight += $(this).outerHeight(); 
    }); 

    if (chatContentHeight > chatHeight) 
    { 
     var scroll = chatContentHeight - chatHeight; 
     $(CHATBOX_ID).scrollTop(scroll); 
    } 
}; 

* 这里是我的#chat CSS：*

chat { 
     position: absolute; 
     left: 0%; 
     top: 0%; 
     width: 65%; 
     height: 100%; 
     text-align: left; 
     overflow-y: scroll; 
     overflow-x: hide; 
     word-wrap: break-word; 
    } 

我有一种感觉，它的发生，因为＃聊天是绝对定位的，但我不知道为什么。 HTML代码相当长，所以我没有在这里发布，但在我链接的页面上，只需查看源代码即可查看它。

我花了太多时间试图解决这个问题无济于事。希望你们能帮我解决这个神秘的问题。

Answer 1

你的#chat元素的.scrollHeight属性是你想要的。

$(CHATBOX_ID).scrollTop($(CHATBOX_ID)[0].scrollHeight) 

Answer 2

试试这个：

$(CHATBOX_ID).scrollTop($(CHATBOX_ID).height())

Answer 3

你不应该走的是两个高度之间的差异。只需滚动到较大元素的高度即可。

Answer 4

在我的情况下chatContentHeight结束在462，而chatHeight是480.因此，最后if陈述是错误的。

有一个简单的方法来做到这一点使用jQuery。这里粘贴的时间有点长，所以这里是链接：http://kisdigital.wordpress.com/2010/03/10/using-jquery-to-scroll-to-the-bottom-of-a-div-revised/

Answer 5

，或者您可以拨打喜欢

$("#chat").scrollTop(1e5)