判断元素A是否在元素B的可视范围内

结构如下:

    

判断方法:

    function position(element) {
      elementOffsetTop = element.offsetTop - container.offsetTop;
      // 在上方
      isTop = container.scrollTop > divOffsetTop + element.clientHeight;
      // 在下方
      isBottom = container.scrollTop < divOffsetTop - container.clientHeight;

      if (isTop || isBottom) {
          console.log("消失");
        } else {
          console.log("出现");
      }
    }

完整代码参考:



  
    
    
    Document
    
  
  
    
    

你可能感兴趣的:(判断元素A是否在元素B的可视范围内)