JS 聊天框滚动条怎么设置
的有关信息介绍如下:JS聊天框滚动条怎么设置?
鼠标点击打开HBuilder软件,如图所示:
鼠标点击菜单栏文件-->新建--->Web项目,如图所示:
输入web项目名,然后点击完成按钮,如图所示:
在html文件中键入如下代码:
.talk_show {
width: 400px;
height: 100px;
border: 1px solid #666;
overflow: auto;
}
function fun() {
var now = new Date();
var oTalk_sub = document.getElementById('talksub');
var oWords = document.getElementById('words');
var sTalk = '
你好!世界 '
''
oWords.innerHTML = oWords.innerHTML + sTalk
oWords.scrollTop = oWords.scrollHeight;
}
----将滚动条保持到最底端---
然后点击运行-->浏览器运行,如图所示:
在浏览器中点击发送按钮,多点几次,就可以看到聊天框中的滚动条,如图所示: