Question

enter image description here enter image description here

我是JS的新手。我正在使用chatbot，并且分叉了这段代码https://github.com/arjuntherajeev/chatbot_template/

聊天窗口是HTML / JS

经过一定数量的问题后，滚动出现了问题，就像滚动会卡住而不是正确显示问题/答案一样。

我可以在聊天窗口中继续询问内容，但滚动条不会显示。

我认为这与scroll top属性有关。非常感谢您的帮助！

这是JS

$(".messages").animate({ scrollTop: $(document).height() }, "fast");

function newMessage() {
    message = $(".message-input input").val();
    if ($.trim(message) == '') {
        return false;
    }
    $('<li class="sent"><img src="http://emilcarlsson.se/assets/mikeross.png" alt="" /><p>' + message + '</p></li>').appendTo($('.messages ul'));
    $('.message-input input').val(null);
    $('.contact.active .preview').html('<span>You: </span>' + message);
    $(".messages").animate({ scrollTop: $(document).height() }, "fast");
    $.ajax({
    url: "/send_message/"+message,
    //data: {'messag':messag,'context':context}
}).done(function(e) {
    newReply(e);
});
};

function newReply(message) {
    if ($.trim(message) == '') {
        return false;
    }
    $('<li class="replies"><img src="http://emilcarlsson.se/assets/harveyspecter.png" alt="" /><p>' + message + '</p></li>').appendTo($('.messages ul'));
    $('.message-input input').val(null);
    $('.contact.active .preview').html('<span>You: </span>' + message);
    $(".messages").animate({ scrollTop: $(document).height() }, "fast");
};

$('.submit').click(function () {
    newMessage();
    newReply();
});

$(window).on('keydown', function (e) {
    if (e.which == 13) {
        newMessage();
        newReply();
        return false;
    }
});

ScrollTop-聊天机器人

0 个答案: