新的聊天进入时滚动

问题描述

因此，任何帮助都将非常棒，可以在我的网页上添加聊天系统。我可以提交您的聊天记录，并且在加载页面时滚动到底部，并每隔几秒钟检查一次新的聊天记录。但是，如果他们不滚动，我希望在新聊天进入时将其加载到底部

我正在使用的html

<div id="load_chats"></div>

<div style="width: 90%;margin: auto;">
    <form name="add_chat" method="post">
        <label><textarea name="chat_content" id="chat_content"></textarea></label>
        <label><input type="button" name="chat_button" id="chat_button" value="Chat" class="btn btn-info"></label>
    </form>
</div>

我正在使用的JS是

$(document).ready(function(){
    $('#chat_button').click(function(){
        var chat_txt = $('#chat_content').val();
        if($.trim(chat_txt) !== ''){
            $.ajax({
                url:"insert.PHP",method:"POST",data:{chat_content:chat_txt},dataType:"text",success:function(data){
                    $('#chat_content').val("");
                }
            });
        }
    });

    setInterval(function(){
        $('#load_chats').load("fetch.PHP").fadeIn("slow");
    },1000)
});
$('#load_chats').load("fetch.PHP",{},function(data){
    var objdiv = $("#load_chats")[0];
    objdiv.scrollTop = objdiv.scrollHeight;
}).fadeIn("slow");

如果用户不进行滚动操作，那么当有新消息出现时，它会滚动到底部的任何帮助都会很棒，非常感谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chat html javascript