`
mazhen20073492
  • 浏览: 25006 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS控制滚动条的位置

阅读更多

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

 另有示例:

window.onload = function()
{
    var aWidth = window.screen.availWidth; //   获取客户端分辨率的宽度
    var aHeight = window.screen.availHeight; //   获取客户端分辨率的高度
    var sWidth = document.body.scrollWidth; //    获取浏览器的宽度
    var sHeight = document.body.scrollHeight; //    获取浏览器的高度
    var tWidth = sWidth - aWidth;
    var tHeight = sHeight - aHeight;
    window.scrollTo((tWidth / 2), (tHeight / 2));
}

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics