后端开发|php教程
滚动条
后端开发-php教程
水果商城源码,ubuntu没有wps,tomcat创建 我的世界,爬虫设计课程,php成员,黄冈工程机械seo推广哪里好lzw
如何让滚动条自动滚到最底部？
微测试 源码,vscode转下一页,ubuntu 查找软件,如何安装tomcat安装,access 爬虫 配置,php微信分销开源系统,盐城抖音搜索seo优化排名lzw
让DIV中的垂直滚动条自动滚到最底部
网站php网站源码下载,ubuntu 高性能模式,爬虫获取付费音乐,php程序描述,光年seo下载lzw
在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动条，但此时滚动条在绝大多数浏览器中都始终位于DIV的顶部，这样就会导致之后的消息看不见，必须往下拖动滚动条才能看到新的消息，如果做到当出现滚动条时，滚动条始终位于DIV的底部呢？
方式一：设置DIV的scrollTop=scrollHeight;
方式二：在DIV的底部添加一隐藏元素element，然后调用element.scrollIntoView()。这里的scrollIntoView是原生的方法，通过名称我们就不难发现该方法用来使元素滚动到可视区域。
为了简单起见直接将两种方式放在一起。
div{margin:0px;padding:0px;}#main{width:380px;height:102px;overflow-y:auto;border:1px solid #ddd;padding:0 10px 0 10px;}#content{width:350px;line-height:20px;} window.onload=function(){ var i=1; var hid=document.getElementById(msg_end);//隐藏在消息框下面的元素 var btn=document.getElementById(tnSend);//添加消息的按钮 var cont=document.getElementById(content);//消息框 var mai=document.getElementById(main); btn.onclick=function(){ cont.innerHTML+=消息内容+i+
; //hid.scrollIntoView(false);//方式1通过调用隐藏元素的scrollIntoView()方法使其可见 //mai.scrollTop=mai.scrollHeight;//方式2通过设置滚动高度 i++; } }
效果如下，滚动条始终最底部
更多相关知识，请访问PHP中文网！
