如何在滚动后检查元素是否可见？

function isElementVisible(el) {
  var rect = el.getBoundingClientRect();
  var topVisible = rect.top >= 0 && rect.top <= window.innerHeight;
  var bottomVisible = rect.bottom >= 0 && rect.bottom <= window.innerHeight;
  var leftVisible = rect.left >= 0 && rect.left <= window.innerWidth;
  var rightVisible = rect.right >= 0 && rect.right <= window.innerWidth;

  return (topVisible || bottomVisible) && (leftVisible || rightVisible);
}

window.addEventListener('scroll', function() {
  var el = document.querySelector('#your-element-id');
  if (isElementVisible(el)) {
    console.log('Element is visible!');
  } else {
    console.log('Element is not visible.');
  }
});