实现div滚动条默认最底部以及默认最右边
2017-02-23 17:01
330 查看
有个需求,要在显示聊天框时,固定框的大小为300px高度,宽度50px左右,然后当聊天内容超出宽度或者高度时会出现滚动条,并且垂直滚动条要默认最底部,以便显示最新消息,水平滚动条一般都是默认最左,这里列出默认最底部以及默认最右边的方法的代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>实现div滚动条默认最底部以及默认最右边</title> <script type="text/javascript" src="jquery文件地址"></script> <script type="text/javascript"> $(document).ready(function(){ $('#scroll_div').scrollTop( $('#scroll_div')[0].scrollHeight); $('#scroll_div').scrollLeft( $('#scroll_div')[0].scrollWidth); }); </script> <body> <div id="scroll_div" style="overflow-y:scroll; overflow-x:scroll;width:50px; height:300px; border:1px solid #F00;"> DIVCSS5测试内容,欢迎来到DIVCSS5学习DIV+CSS技术。大家可以通过DIVCSS5主站上的所有免费CSS教程足可学会DIV CSS技术 -如果需要深入系统学习、较短时间达到理想学习效果可参加DIV+CSS培训班学习。 </div> </body> </html>
相关文章推荐
- 实现div滚动条默认最底部以及默认最右边的示例代码
- jquery 控制 div 滚动条一直在最底部,实现刷频效果
- TabHost 默认布局,以及将TAB移到屏幕底部, 代码实现
- TabHost 默认布局,以及将TAB移到屏幕底部, 代码实现
- CSS jquery实现Div底部固定,不随滚动条移动
- 用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
- jquery如何让滚动条默认在div最底部?
- 实现div内部滚动条滚动到底部和顶部的代码
- VC++的MFC中EditBox控件滚动条保持在底部的实现。
- Asp.net 中的div 滚动条以及Css 的使用....
- DIV的滚动条自动滚动到最底部
- IE6的png显示问题以及div无法实现1px高度问题的解决
- DIV实现滚动条
- jquery实现div跟随滚动条移动 不闪烁
- 固定div实现,以及问题 >> document.body.scrollTop的值总为零的解决办法
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- css实现div自动添加纵向滚动条
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- 如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
- DIV相对于父DIV底部对齐的实现方法