Javascript 加载时div自动滚动到页面底部 “” 自动刷新 window.onload=函数（）{ var objDiv=document.getElementById（“加载聊天”）； objDiv.scrollTop=objDiv.scrollHeight； }; #加载聊天{ 宽度：95%；保证金：自动；高度：400px；溢出y：自动；边框：2件纯黑；背景图片：url（“../a/images/paper_pic.jpg”）； } #聊天窗口{ 宽度：95%；保证金：自动； } #对{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；浮动：对；显示：内联；明确：两者皆有；单词包装：打断单词；背景色：白色； } #左{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；明确：两者皆有；单词包装：打断单词；背景色：白色； } #日期{ 文本对齐：右对齐； } p{} $（文档）.ready（函数（）{ $（“#聊天按钮”）。单击（函数（）{ var tweet_txt=$（“#聊天内容”）.val（）； //trim（）用于删除空间如果（$.trim（tweet_txt）！=''） { $.ajax({ url:“insert.php”，方法：“张贴”，数据：{chat_content:tweet_txt}，数据类型：“文本”，成功：功能（数据） { $（“#聊天内容”）.val（“”）； } }); } }); setInterval（函数（）{//setInterval（）clearInterval（） $（'load#u chats'）.load（“fetch.php”）.fadeIn（“slow”）； }, 1000); }); '''_Javascript_Html_Autoscroll

Javascript 加载时div自动滚动到页面底部 “” 自动刷新 window.onload=函数（）{ var objDiv=document.getElementById（“加载聊天”）； objDiv.scrollTop=objDiv.scrollHeight； }; #加载聊天{ 宽度：95%；保证金：自动；高度：400px；溢出y：自动；边框：2件纯黑；背景图片：url（“../a/images/paper_pic.jpg”）； } #聊天窗口{ 宽度：95%；保证金：自动； } #对{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；浮动：对；显示：内联；明确：两者皆有；单词包装：打断单词；背景色：白色； } #左{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；明确：两者皆有；单词包装：打断单词；背景色：白色； } #日期{ 文本对齐：右对齐； } p{} $（文档）.ready（函数（）{ $（“#聊天按钮”）。单击（函数（）{ var tweet_txt=$（“#聊天内容”）.val（）； //trim（）用于删除空间如果（$.trim（tweet_txt）！=''） { $.ajax({ url:“insert.php”，方法：“张贴”，数据：{chat_content:tweet_txt}，数据类型：“文本”，成功：功能（数据） { $（“#聊天内容”）.val（“”）； } }); } }); setInterval（函数（）{//setInterval（）clearInterval（） $（'load#u chats'）.load（“fetch.php”）.fadeIn（“slow”）； }, 1000); }); '''

javascript html

Javascript 加载时div自动滚动到页面底部 “” 自动刷新 window.onload=函数（）{ var objDiv=document.getElementById（“加载聊天”）； objDiv.scrollTop=objDiv.scrollHeight； }; #加载聊天{ 宽度：95%；保证金：自动；高度：400px；溢出y：自动；边框：2件纯黑；背景图片：url（“../a/images/paper_pic.jpg”）； } #聊天窗口{ 宽度：95%；保证金：自动； } #对{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；浮动：对；显示：内联；明确：两者皆有；单词包装：打断单词；背景色：白色； } #左{ 边界半径：5px；边框：2件深蓝色实心板；宽度：40%；最小高度：20px；填充：10px；保证金：5px；明确：两者皆有；单词包装：打断单词；背景色：白色； } #日期{ 文本对齐：右对齐； } p{} $（文档）.ready（函数（）{ $（“#聊天按钮”）。单击（函数（）{ var tweet_txt=$（“#聊天内容”）.val（）； //trim（）用于删除空间如果（$.trim（tweet_txt）！=''） { $.ajax({ url:“insert.php”，方法：“张贴”，数据：{chat_content:tweet_txt}，数据类型：“文本”，成功：功能（数据） { $（“#聊天内容”）.val（“”）； } }); } }); setInterval（函数（）{//setInterval（）clearInterval（） $（'load#u chats'）.load（“fetch.php”）.fadeIn（“slow”）； }, 1000); }); ''',javascript,html,autoscroll,Javascript,Html,Autoscroll,所以我用的是我代码的一部分 ''' <html> <head> <title>Auto Refresh</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></s

所以我用的是我代码的一部分

'''
<html>
<head>
<title>Auto Refresh</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script>
    window.onload=function () {
        var objDiv = document.getElementById("load_chats");
        objDiv.scrollTop = objDiv.scrollHeight;
    };
</script>
<style>
    #load_chats{
        width: 95%;
        margin: auto;
        height: 400px;
        overflow-y:auto;
        border: 2px solid black;
        background-image: url("../a/images/paper_pic.jpg");
    }
    #chat_window{
        width: 95%;
        margin: auto;
    }
    #right{
        border-radius: 5px;
        border: 2px solid darkslateblue;
        width: 40%;
        min-height: 20px;
        padding: 10px;
        margin: 5px;
        float: right;
        display: inline;
        clear: both;
        word-wrap: break-word;
        background-color: white;
    }
    #left{
        border-radius: 5px;
        border: 2px solid darkslateblue;
        width: 40%;
        min-height: 20px;
        padding: 10px;
        margin: 5px;
        clear: both;
        word-wrap: break-word;
        background-color: white;
    }
    #date{
        text-align: right;
    }
    p{}

 </style>
 </head>
 <body>
   <div id="chat_window">

 <div id="load_chats"></div>
</div>
<form name="add_chat" method="post">

        <label><textarea name="chat_content" id="chat_content"></textarea></label>
        <input type="button" name="chat_button" id="chat_button"  value="Chat"/>
</form>

</body>
 </html>
<script>
    $(document).ready(function(){
    $('#chat_button').click(function(){
        var tweet_txt = $('#chat_content').val();
        //trim() is used to remover spaces
        if($.trim(tweet_txt) !== '')
        {
            $.ajax({
                url:"insert.php",
                method:"POST",
                data:{chat_content:tweet_txt},
                dataType:"text",
                success:function(data)
                {
                    $('#chat_content').val("");
                }
            });
        }
     });

    setInterval(function(){//setInterval() clearInterval()
        $('#load_chats').load("fetch.php").fadeIn("slow");

    }, 1000);
});
</script>
'''

“”
window.onload=函数（）{
var objDiv=document.getElementById（“加载聊天”）；
objDiv.scrollTop=objDiv.scrollHeight；
};
...

在另一页上，它工作得很好，但当我把它移到这一页时，它就不工作了

任何帮助都会很棒。我正在进行一个从sql数据库更新的聊天，它只希望它从文本的底部开始，就像你在手机上看到的那样，我一直在查找它，但没有任何效果让我返回窗口。onload=function

当页面刚刚加载时，div的高度是

，因为它是空的。因此，您可以将其滚动到

。在加载

fetch.php

之后，必须将div滚动到底部

''' <script> window.onload=function () { var objDiv = document.getElementById("load_chats"); objDiv.scrollTop = objDiv.scrollHeight; }; </script> ...

好的，我今天晚些时候会试试的。我已经试过了。谢谢你做得很好
$('#load_chats').load("fetch.php", {}, function(data){ var objDiv = $("#load_chats")[0]; objDiv.scrollTop = objDiv.scrollHeight; }).fadeIn("slow");