如何在滚动到底部时隐藏div？

<div id="myDiv">这是一个需要隐藏的div</div>

window.addEventListener('scroll', function() {
  var myDiv = document.getElementById('myDiv');
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
  var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
  
  if (scrollTop + clientHeight >= scrollHeight) {
    myDiv.style.display = 'none';
  } else {
    myDiv.style.display = 'block';
  }
});