javascript 如果元素可见

Posted 2021-05-03

function getOffset( el ) {
  var _y = 0;
  while( el && !isNaN( el.offsetTop ) ) {
      _y += el.offsetTop - el.scrollTop;
      el = el.offsetParent;
  }
  return { top: _y };
}

if ( getOffset( document.querySelector('.section-5') ).top  <= window.scrollY && (getOffset( document.querySelector('.section-5') ).top + document.querySelector('.section-5').clientHeight)  >= window.scrollY) {
  document.querySelector('.section-menu-label').style.filter="invert(1)"
} else {
  document.querySelector('.section-menu-label').style.filter="invert(0)"
}