Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用滚动显示div的底部?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使用滚动显示div的底部?

Javascript 如何使用滚动显示div的底部?,javascript,html,css,Javascript,Html,Css,我有一个带有滚动条的DIV,其中包含来自mySQL的信息 这个DIV可以是一个聊天室(就像facebook聊天室一样),每隔几秒钟用ajax刷新一次 我需要这个DIV alwase向我显示底部的信息(比如facebook聊天) 我是怎么做到的(把卷轴放下来) 聊天 在您的div标签中 设置样式为 style='width:100%; height:275px; bottom:25px; overflow-y:auto;' 当新聊天信息出现时,y轴的滚动条已自动下降请尝试以下操作 var ob

我有一个带有滚动条的DIV,其中包含来自mySQL的信息

这个DIV可以是一个聊天室(就像facebook聊天室一样),每隔几秒钟用ajax刷新一次

我需要这个DIV alwase向我显示底部的信息(比如facebook聊天)

我是怎么做到的(把卷轴放下来)


聊天
在您的div标签中 设置样式为

style='width:100%; height:275px; bottom:25px; overflow-y:auto;'
当新聊天信息出现时,y轴的滚动条已自动下降

请尝试以下操作

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;
var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;