在textarea中输入后无法向上滚动

Question

我想要这样做，在输入时我的聊天内容向下滚动，因为我的textarea扩展并隐藏了最后一条消息。但现在我遇到一个问题，我输入后无法向上滚动。这是我的jQuery

DOM_imgDir = "img/UI/DOM/";
fileextension = ".jpg";
$.ajax({
    url: DOM_imgDir, success: function (data) {
    $(data).find("a:contains(" + fileextension + ")").each(function () {
        filename = this.href.replace(window.location.host, "").replace("http://", "");
        $("body").append("<img src='" + DOM_imgDir + filename + "'>");
    });
}

任何解决方案，为什么会发生这种情况？

Answer 1

请改为使用此代码，以便您的.chat-content在加载时自动滚动到按钮，并在显示新的meaasge时

var chat_content = $('.chat_content');
    chat_content.scrollTop(chat_content.prop("scrollHeight"));

修改

但您也可以执行此操作滚动到上一条消息，setInterval尝试每2秒向下滚动一次

setInterval(function () {
        var chat_content = $('.chat_content');
        chat_content.animate({scrollTop: chat_content.prop("scrollHeight")}, 2000);
    }, 2000);

希望这有效