JS控制滚动条的位置

最新推荐文章于 2024-07-20 13:48:02 发布

苦楚涩

最新推荐文章于 2024-07-20 13:48:02 发布

阅读量425

点赞数

分类专栏：前端文章标签： js 前端滚动条 ViewUI

本文链接：https://blog.csdn.net/kuchuse/article/details/84513889

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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));
}