您的位置：首页 > Web前端 > JavaScript

JS控制滚动条滚动的位置

2017-05-18 16:02 633 查看
方法一：用scroll方法实现滚动条位于最底端。
<body onload="scroll(0,document.body.scrollHeight) ">


方法二：用scrollBy方法实现滚动条位于最右端。
<body onload="scrollBy(document.body.scrollWidth，0) ">


方法三：用scrollTo方法实现水平滚动条和纵向滚动条均居中。
<body onload="scrollTo(document.body.scrollWidth/2,document.body.scrollHeight/2)">


虽然使用scroll、scrollBy和scrollTo方法的效果一样，但是彼此之间还是有一些区别的。

经测试如果使用某一确定的位置参数时，不需要带单位，例据顶端300像素:

<body onload="scroll(0,300) ">

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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航