divを下にスクロールしない（css、js）

Question

これで、私はいくつかの種類のチャットルームを作るために一緒に手錠をかけたコードを持っています。ここでいくつかの回答をしてきましたが、何も動かないようです。

ページが読み込まれたときにjavascript関数を実行します。コードを実行したとき（ボタンが押されたときに実行される）同じことをするコードの別の部分があります。これは私を混乱させます。とにかく

CSS：

#result{max-width:1024px; width:100%; padding:10px; background: #0000A0; overflow:auto;} 

のindex.phpの一部にしようとした機能イム：私は、負荷上のウィンドウを呼び出して、体内の関数を呼び出す試してみました

function scrollbottom(){ 
    document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight; 
} 

、およびスクリプトタグ内の関数の前後で呼び出します。

このコードは（また、スクリプトタグで）実行しないと、下にdiv要素をスクロールしない、私はところでこのコードを書いていない：

function submitchat(){ 
    if($('#chat').val()=='1' || $('#chatbox').val()==' ') return false; 
    $.ajax({ 
     url:'chat.php', 
     data:{chat:$('#chatbox').val(),ajaxsend:true}, 
     method:'post', 
     success:function(data){ 
      $('#result').html(data); // Get the chat records and add it to result div 
      document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight; // Bring the scrollbar to bottom of the chat resultbox in case of long chatbox 
     } 
    }) 
    return false; 

};

、それは感謝

<form method="post" onsubmit="return submitchat();"> 

ヘルプから実行され、必要に応じてより多くのコードを投稿することができます。 CSSファイルを除いて、上記のすべてがindex.phpにあります。

Answer 1

onLoadが動作します。大文字と小文字の間違い（私は間違いなくそのことをやっています！）やその他の簡単な問題がないことを確認してください。

何も見つからない場合は、ページの読み込み時に外部から読み込む方法が有効です。以下、この記事はあなたを助けるかどうかを確認してください。）（window.onload =関数scrollbottom;：

https://stackoverflow.com/a/4722710/6911064