如何使用 onscroll / scrollTo() / scrollBy()

<div id="box1">
　　<div id="box2"></div>
</div>

oncroll 一定要有滚动条的时候才能用。。。。

可以给定位父级加：overflow:auto ，并且box2的高度要大于box1

定位父级：

　　display:absolute;  相对定位

　　display:relative;   绝对定位

　　....    注意：display:flax，还有一个（忘了）是不行的。

此时就能出现滚动条，并且可以滚动了

box2.onscroll = function(){
　　xxx
}

scrollTo()：

　　前提是，有滚动条的情况下使用

let box2 = docoument.getElementById("box2")
box2.scrollTo(0,100)  //移动到绝对位置Y轴为100px的位置
box2.scrollTo(0,100)  //在之前的基础上Y轴移动了 100px 的位置，（相对位移）

 

转载于:https://www.cnblogs.com/MrZhujl/p/10425847.html