判断固定元素滚动是否和另一个元素叠加

小小优化师 anny

已于 2024-12-26 10:51:46 修改

阅读量119

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS JQuery 文章标签：前端 javascript html

于 2024-12-26 10:51:35 首次发布

本文链接：https://blog.csdn.net/q28000/article/details/144737177

JS JQuery 专栏收录该内容

20 篇文章

订阅专栏

 
function elementsOverlapVertically(element1, element2) {
  const rect1 = element1.getBoundingClientRect();
  const rect2 = element2.getBoundingClientRect();
 
  return (
    rect1.top <= rect2.bottom &&  rect2.top <= rect1.bottom
  );
}
window.onscroll = function() {
    var div1 = document.querySelector('#sidebar-hidden'); 
    var div2 =  document.querySelector(".site-footer") ;
 
if (elementsOverlapVertically(div1 , div2 )) {
     div1.style.display = "none";
} else {
  div1.style.display = "block";
}
}