Question

好吧，所以有一些代码，我拼凑起来做一些聊天室，这是一个黑客的工作，但学习，因为我继续。在这里得到了许多答案，但似乎没有任何效果。

我希望在页面加载时运行javascript函数。还有另一部分代码在运行时执行相同的操作（按下按钮时运行），它确实有效，所以这让我感到困惑。反正。

css：

#result{max-width:1024px; width:100%; padding:10px; background: #0000A0; overflow:auto;}

函数im在index.php的部分尝试：

 function scrollbottom(){   
    document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight;
}

我试过调用body中的函数，在加载窗口时调用，并在脚本标记内的函数之前和之后调用。

此代码确实运行（也使用脚本标记），并将div滚动到底部，我没有写这个代码btw：

function submitchat(){
    if($('#chat').val()=='1' || $('#chatbox').val()==' ') return false;
    $.ajax({
        url:'chat.php',
        data:{chat:$('#chatbox').val(),ajaxsend:true},
        method:'post',
        success:function(data){
            $('#result').html(data); // Get the chat records and add it to result div
            document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight; // Bring the scrollbar to bottom of the chat resultbox in case of long chatbox
        }
    })
    return false;

};

并且从

运行

<form method="post" onsubmit="return submitchat();">

帮助表示感谢，如果需要，可以发布更多代码。除了CSS文件之外，以上所有内容都在index.php。

中

Answer 1

onLoad应该可以工作。确保这不是像大写错误那样的愚蠢错误（我偶然会这样做！），以及其他简单的问题。

如果您什么都没找到，那么在页面加载时尝试外部加载方式就行了。看看下面这篇文章是否会对您有所帮助：

https://stackoverflow.com/a/4722710/6911064

div不滚动到底部（css，js）

1 个答案: