js滚动条到最底端控制

来源:互联网 发布:ie href javascript 编辑:程序博客网 时间:2024/05/20 07:50

当聊天室的内容超出页面范围时,
如何让页面刷新后
显示最下面的内容

document.getElementByIdx_x ('chatboard').scrollTop=document.getElementByIdx_x ('chatboard').scrollHeight ;

chatboard 为显示容器的id

滚动样式:
代码说明:
SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR:

JS控制滚动条的位置:
window.scrollTo(x,y);

竖向滚动条置顶(window.scrollTo(0,0);
竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight)

JS控制TextArea滚动条自动滚动到最下部

document.getElementByIdx_x('textarea').scrollTop =document.getElementByIdx_x('textarea').scrollHeight;

原创粉丝点击