监听元素与底部接触多少时触发事件

html

<div class="b">
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="c" style="background-color: cyan;"></div>
        <div class="a" style="background-color: aliceblue;"></div>
        <div class="a" style="background-color: aliceblue;" ></div>
    </div>

css

.b{
          height: 900px;
        }
        .a{
            width: 100%;
            height: 25%;
        }
        .c{
            width: 100%;
            height: 25%;
        }

js

 let c=document.querySelector('.c');
        console.log(c);
        var ob=new IntersectionObserver((e)=>{
           if(e[0].isIntersecting){
                alert("事件触发");
           }
        },{thresholds:0.1});
    ob.observe(c)

最后

以上就是矮小小甜瓜最近收集整理的关于监听元素与底部接触多少时触发事件的全部内容，更多相关监听元素与底部接触多少时触发事件内容请搜索靠谱客的其他文章。