javascript控制滚动条与获取控件的位置
ie 6 需要用document.documentElement.scrollTop 获取滚动条位置
ie 其他版本可以用 document.body.scrollTop 获取滚动条位置
其他浏览器可以用 window.pageYOffset 获取滚动条位置
当聊天室的内容超出页面范围时,
如何让页面刷新后
显示最下面的内容
代码如下 | |
document.getElementById ( 'chatboard').scrollTop=document.getElementById ( 'chatboard').scrollHeight ; |
chatboard 为显示容器的id
滚动样式:
代码如下 | |
<STYLE> BODY { SCROLLBAR-FACE-COLOR: #f892cc; SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; SCROLLBAR-SHADOW-COLOR: #fd76c2; SCROLLBAR-3DLIGHT-COLOR: #fd76c2; SCROLLBAR-ARROW-COLOR: #fd76c2; SCROLLBAR-TRACK-COLOR: #fd76c2; SCROLLBAR-DARKSHADOW-COLOR: #f629b9; SCROLLBAR-BASE-COLOR: #e9cfe0 } </STYLE> 代码说明: 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.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight; |
再来一个js代码
代码如下 | |
function GetPageScroll() { var x, y; if(window.pageYOffset) { // all except IE y = window.pageYOffset; x = window.pageXOffset; } else if(document.documentElement && document.documentElement.scrollTop) { // IE 6 Strict y = document.documentElement.scrollTop; x = document.documentElement.scrollLeft; } else if(document.body) { // all other IE y = document.body.scrollTop; x = document.body.scrollLeft; } return y; } |
如下是定位鼠标在视窗中的位置,先定位视窗和页面直接的距离。
代码如下 | |
function getMousePoint() else if(typeof document.body != 'undefined') { |
- 上一篇:javascript中图片无缝滚动代码
- 下一篇:js实现城市级联选择实现代码