如何使用JavaScript检查元素在视口中是否半可见？

// 获取元素
const element = document.getElementById('your-element-id');

// 检查元素是否在视口中
function isElementHalfVisible() {
  const rect = element.getBoundingClientRect();
  const viewportHeight = window.innerHeight;

  // 元素的top属性在视口的下方，且bottom属性在视口的上方，则元素部分可见
  if (rect.top < viewportHeight && rect.bottom > 0) {
    return true;
  }
  return false;
}

// 监听滚动事件
window.addEventListener('scroll', function() {
  if (isElementHalfVisible()) {
    console.log('元素半可见');
  } else {
    console.log('元素不可见');
  }
});