JS 判断固定Fixed元素是否已经与Footer重叠了

 滚动鼠标 生成侧边目录，鼠标向下滑动到底部， 判断固定Fixed元素是否已经与Footer重叠了

  <script>

 $(window).scroll(function(){
    var s_top = Number($(this).scrollTop());  // 获取滚动条，滚动刻度

    if(s_top >= 50 ){
        $('.sidebar-hidden').addClass('sidebar-fixed'); // 添加固定位置的class
        // $('.right-scl-fixed').css("top",10);
    }else{
         $('.sidebar-hidden').removeClass('sidebar-fixed'); // 移除固定位置的class
    }
})

 


window.addEventListener('scroll',  function()  {
    const div1 = document.querySelector('.sidebar-hidden');
    const div2 = document.querySelector('body');
 
    
    var div1Rect = div1.getBoundingClientRect();
    var div2Rect = div2.getBoundingClientRect();


    var verticalDistance = div2Rect.bottom - div1Rect.bottom ;
    // console.log( verticalDistance ) ;
    // 根据条件调整div2的显示状态
    if (verticalDistance <= 30) {
 
       div1.style.opacity ="0" ;
 
    } 
    else  {    div1.style.opacity ="1" ;
  


////
    }
  });


</script>

opacity 可以避免监听事件的闪动。