/**
 * 检测指定的 DOM 元素是否在浏览器视口中
 * @param el 被检测的元素
 * @returns boolean 是否在视口中
 */
export const isInViewPort = (el: HTMLElement) => {
  const rect = el.getBoundingClientRect();

  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <=
      (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
};