将div设置为在窗口滚动位置较大时不显示

#myDiv {
  position: fixed;
  top: -100px; /* 设置一个较大的负值，使div超出窗口范围 */
  width: 100%;
  height: 100px;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 100px;
  font-size: 20px;
}

<div id="myDiv">This is a div</div>

<script>
window.addEventListener('scroll', function() {
  var scrollPosition = window.scrollY; // 获取滚动位置
  var div = document.getElementById('myDiv');
  
  if (scrollPosition > 200) { // 当滚动位置大于200时，隐藏div
    div.style.display = 'none';
  } else { // 当滚动位置小于等于200时，显示div
    div.style.display = 'block';
  }
});
</script>