js判断dom元素是否出现在当前视口内

OnwardAndUpward

于 2024-04-26 09:23:35 发布

阅读量257

点赞数 1

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/JulyNight/article/details/138205908

版权

function isInViewport(element) { //判断方法
  const rect = element.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
}
const myElement = document.querySelector('#data-board-sales-hopper'); //获取需要判断的dom
if (isInViewport(myElement)) {
  alert('该元素在视口内')
} else {
 alert('该元素不在视口内')
}