DIV要素がスクロールしない

Question

Take a look at this。

DIVの一番下に来るまで、任意のユーザー名でログインしてスパムチャットを開始します。どのようにスクロールしないのでしょうか？私はなぜそれを理解する必要があります。私はそれが＃ので、起こっていることを感じている*

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

：

// 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です：JavaScriptのをスクロールするために使用されるコード

チャットは絶対的に配置されていますが、私はなぜ正確にわかりません。 HTMLコードはかなり長いので、ここには投稿しませんでしたが、リンク先のページではView Sourceで表示します。

私はこの問題を無駄にしないようにするのに時間をかけすぎました。うまくいけば、皆さんは私がこの神秘的な問題を解決するのを助けることができます。

Answer 1

#chat要素のプロパティは、あなたの望むものです。

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

Answer 2

はこれを試してみてください。

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

Answer 3

次の2つの高さの差を取るべきではありません。大きな要素の高さまでスクロールするだけです。

Answer 4

私の場合、chatContentHeightは462になりますが、chatHeightは480です。このため、最後のifステートメントはfalseです。

jQueryを使用してこれを行うより簡単な方法があります。ここに貼り付けるのは少し長すぎますので、ここにリンクがあります：http://kisdigital.wordpress.com/2010/03/10/using-jquery-to-scroll-to-the-bottom-of-a-div-revised/

Answer 5

か、私はあなたによって与えられたリンクをチェック

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