聊天框让滚动条保持到最底端的一种方式 scrollTop!

通过使用scrollTop来实现

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>对话框</title><style type="text/css">.talk_show {width: 400px;height: 100px;border: 1px solid #666;overflow: auto;}</style><!-- -------------实现代码的开始------------- --><script type="text/javascript"> function fun() {var now = new Date();var oTalk_sub = document.getElementById('talksub');  var oWords = document.getElementById('words');var sTalk = '<div>插入一条信息使滚动条向上翻卷!!! '+ now.getTime()+'</div>'oWords.innerHTML = oWords.innerHTML + sTalkoWords.scrollTop = oWords.scrollHeight;}</script>
</head>
<body><h3>----将滚动条保持到最底端---</h3><div class="talk_show" id="words"></div><div><input type="button" value="发 送" onclick="fun()" id="talksub" style="margin-top:20px "></div><!-- -------------实现代码的结束------------ -->
</body></html>

聊天框让滚动条保持到最底端的一种方式 scrollTop!相关推荐

div及iframe滚动条固定为最底端
该例程可以实现iframe和div的滚动条固定到最底端. <!DOCTYPE> <html> <head><meta http-equiv="con ...
C#实现textBox滚动条自动滚到最底端
1.配置textBox的Multiline属性为true: 2.配置textBox的ScrollBars属性为Vertical,实现纵向滚动条: 3.然后如下语句实现自己滚动: private voi ...
php类似微信聊天框,仿微信聊天功能
摘要: 微信聊天 window.onload = () => { // 获取按钮 let btn = document.getElementById('btn'); // 获取输入框 let t ...
HTML如何编写类似QQ聊天框,jQuery实现简易QQ聊天框
本文实例为大家分享了jQuery实现简易QQ聊天框的具体代码,供大家参考,具体内容如下例子1 *{list-style: none;margin: 0;padding: 0;} .box1{ wid ...
NGUI 3.5教程（八）Scroll Bar 滚动条-制作聊天框
NGUI 3.5教程(八)Scroll Bar 滚动条-制作聊天框分类: Unity NGUI2014-08-05 18:19 2046人阅读评论(8) 收藏举报 NGUI 3.5教程NGUI聊 ...
vue实现聊天框，模拟对话附上html
vue实现聊天框,模拟对话代码展示 // An highlighted block <!DOCTYPE html> <html><head><meta ch ...
android：手搓一个即时消息聊天框（包含消息记录）
先看一下效果 1.后端要实现这个,先说一下后端要实现的接口 1.创建会话id 传入"发送id"和"接收id"给服务端,服务端去创建"会话id&quo ...
《微信小程序案例8》实现聊天框下部分别人向我发消息
一.先安装node.js 如若安装时出现磁盘无效的报错信息,以下解决方法 1.win+r 输入subst Y: %TEMP% 2.再次win+r 输入subst Y:/Y Y代表报错时出现的 ...
微信聊天框（html+css+js）实现
微信聊天框(html+css+js)实现 1.来源这是我在哔哩哔哩的上面的一个js网课的案例,说是有未添加js的版本(也就是只有样式的html),但我找不到,就只能自己写,比较丑. 主要是小图标,都 ...

聊天框让滚动条保持到最底端的一种方式 scrollTop!

聊天框让滚动条保持到最底端的一种方式 scrollTop!相关推荐

最新文章

热门文章

聊天框 让滚动条保持到最底端的一种方式 scrollTop!

聊天框 让滚动条保持到最底端的一种方式 scrollTop!相关推荐

最新文章

热门文章

聊天框让滚动条保持到最底端的一种方式 scrollTop!

聊天框让滚动条保持到最底端的一种方式 scrollTop!相关推荐