IntersectionObserver的rootMargin使用注意

rootMargin设置不一定会有效,有效的几个情况如下
1.设置了overflow的父级节点+rootMargin,如下



  
    

    测试IntersectionObserver

    
  
  
    

2.如果不设置root,即想要交叉对象是窗口的时候,需要去除滚动的父级节点,将html、body的overflow也去除(也去除的意思是不要设置),如下



  
    

    测试IntersectionObserver

    
  
  
    

3.如果不需要rootMargin或者rootMargin为0,那都是可以的,不需要额外的注意

你可能感兴趣的