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

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)

最后

以上就是矮小小甜瓜为你收集整理的监听元素与底部接触多少时触发事件的全部内容，希望文章能够帮你解决监听元素与底部接触多少时触发事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。