如何在DOM中滚动出另一个div时显示div

window.addEventListener('scroll', function() {
  // 在这里编写滚动事件的处理逻辑
});

window.addEventListener('scroll', function() {
  var targetDiv = document.getElementById('targetDiv');
  var targetDivPosition = targetDiv.getBoundingClientRect();

  // 判断滚动位置是否超过目标div的位置
  if (targetDivPosition.top <= window.innerHeight) {
    // 显示div的逻辑
    var hiddenDiv = document.getElementById('hiddenDiv');
    hiddenDiv.style.display = 'block';
  } else {
    // 隐藏div的逻辑
    var hiddenDiv = document.getElementById('hiddenDiv');
    hiddenDiv.style.display = 'none';
  }
});

<div id="targetDiv">
  <!-- 目标div的内容 -->
</div>

<div id="hiddenDiv" style="display: none;">
  <!-- 隐藏的div的内容 -->
</div>