网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
页面特效
> 正文
做在线客服时，聊天窗口的div滚动条始终在底部
深山工作室 2011/7/16 8:56:21 深山行者 字体:
大
中
小
浏览 39795
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="keywords" content="滚动条, scrollbar, 页面底部, 聊天窗口, " /> <meta name="description" content="有些时候（如开发聊天程序,在线客服），我们需要将将滚动条（scrollbar）保持在最底部，比如聊天窗口，最新发出和收到的信息要显示在最下方，如果要看到最下方的内容，就必须保证滚动条保持在最底部。" /> <title>将滚动条（scrollbar）保持在最底部的方法 - 滚动条, scrollbar, 页面底部, 聊天窗口, </title> </head> <body> <div id="example"> <h3 id="example_title">将滚动条（scrollbar）保持在最底部的方法</h3> <div id="example_main"> <!--************************************* 实例代码开始 *************************************--> <script type="text/javascript"> function add() { var now = new Date(); var div = document.getElementById('scrolldIV'); div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />'; div.scrollTop = div.scrollHeight; } </script> <span class="notice">请点击“插入一行”按钮，插入最新信息，当出现滚动条时，滚动条将自动保持在底部。</span><br /> <div id="scrolldIV" style="overflow:auto; height: 100px; width: 400px; border: 1px solid #999;"> </div> <input type="button" value="插入一行" onclick="add();"> <!--************************************* 实例代码结束 *************************************--> </div> </div> </body> </html>
前一页:
兼容ie6+和火狐的禁止右键
后一页:
javascript 表单(文本框)触发鼠标事件大全
相关阅读
竖排的选项卡
另外的一种单项的选择
07 问题错误整理 程序目录权限 父路径没打开错误
CSS设计中常见的精华问题收集
2012-3-22中午的一件电话事件(一个不懂怎么定义的电话)(备份)
ASP操作access或sqlserver数据库的函数库
ASP汉字转拼音，支持自定义特殊词语
超级实用且不花哨的js代码大全( 3 )
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery下拉到某个固定位置然后某些元素发生改变样式状态
canvas绘制的文字如何换行
兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）
js兼容多个浏览器右下角漂浮广告
兼容ie6+和火狐的禁止右键
做在线客服时，聊天窗口的div滚动条始终在底部
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
flash关闭动画时同时关闭网页的代码
深山留言板祈福效果
移动层，并且保存各个层的位置，可以方便的制作成为一个动态的页面
长春海外旅游有限责任责任公司
深山行者留言系统V2.3
Dreamweaver错误：以下翻译器没有被装载，由于错误;xsltransform.htm;有不正确的设置信息
更多标签
热门标签
留言
电脑
openwin
二级
2.0
缓存
留言板
万年历
blog
letter-spacing
比例
rad
黑白
验证
常用
pr
css
多选框
滑过
模板
文字垂直
长
工作室
asasds
像素
物理
在线
label
盖楼
web
DropShadow
资料
Request
千位
链接样式
高度
适应
换行
text
插件
文件夹
滚动条
青春
绿色
正则
缓冲
个人
strong
表达式
窗口
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号
