13

div class='messages' があります。jQuery.append() を介してこの div に日付を追加します。スタイルは次のとおりです。

.messages {
border: 1px solid #dddddd;
padding:10px;
height: 400px;
overflow-x:visible;
overflow-y: scroll;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:10px;
font-size:14px;
}

自動スクロールには、次のような関数を使用します。

receiveMessage = function (name, message, type) {
    //adding new message
    $("#messages").append('<strong>' + name + ": " + '</strong>' + message + '<br>');
    /autoscrolling to the bottom
    $("#messages").animate({
        scrollTop: $("#messages").height()
    }, 300);
}

約 20 件のメッセージが正常にスクロールされますが、「ハング」した後、新しいメッセージはスクロールされません。Chrome バージョン 19.0.1084.56 。私が間違っていることは何ですか？ありがとう！

4

3 に答える 3

8

変化する

scrollTop: $("#messages").height()

に

scrollTop: $("#messages").scrollHeight
于 2012-06-22T09:52:01.830 に答える
2

してみてください：

$(document).ready(function(){
   $('#chat-scroll').animate({scrollTop: $('#chat-scroll')[0].scrollHeight}, 2000);
});
于 2017-11-24T07:22:46.173 に答える