js控制内部滚动条

原生js滚动条的操作笔记:

1、控制整个页面的滚动条

window.scrollTo(x,y);

比如滚动到横向最左部和竖向最顶部:

window.scrollTo(0,0);

比如滚动到竖向某个位置:

window.scrollTo(0,100);


2、控制内部滚动条(某个div通过css的overflow:auto产生的滚动条

上面的scrollTo使用在某个dom节点是不支持的。

比如:

document.getElementById(..).scrollTo(0,0);

正确的应该是:

document.getElementById(..).scrollTop = 0;//竖向
document.getElementById(..).scrollLeft = 0;//横向

所以第一种控制整个页面的其实也可以通过对body这个节点进行操作,比如:

document.body.scrollTop = 0;

注意,如果使用jq,正确的写法应该是:

$('#id')[0].scrollTop = 0;
//或者
$('#id').scrollTo(0);


本文由 w3cmark_前端笔记 版权所有,转载时请注明出处。
注明出处格式:w3cmark (http://www.w3cmark.com/2016/js-scroll.html)

分享到:

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
关注w3cmark
微信公众号 w3cmark_com