如何使用 onscroll

Posted mrzhujl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用 onscroll相关的知识,希望对你有一定的参考价值。

<div id="box1">

  <div id="box2">

  </div>

</div>

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

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

定位父级:display:absolute;  相对定位

     display:relative;   绝对定位

     ....    注意:display:flax,还有一个(忘了)是不行的。

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

box2.onscroll = function(){

  xxx

}

以上是关于如何使用 onscroll的主要内容,如果未能解决你的问题,请参考以下文章

如何稀释onscroll事件

如何在 ReactJS 的 onScroll 事件中操作 DOM?

如何在Blazor服务器端处理窗口或主体滚动?

如何在不将 onscroll 处理程序附加到每个容器的情况下捕获页面上的所有滚动事件

react使用window.onscroll不起作用的问题

onscroll 元素滚动事件