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

在滚动到底部时隐藏div，可以通过监听滚动事件来实现。

具体步骤如下：

获取需要隐藏的div元素，可以通过元素的id或class进行选择器选取。
给页面绑定滚动事件监听器，可以使用addEventListener方法来实现。
在滚动事件监听器内部，判断滚动条的位置是否达到了底部，可以通过scrollTop、clientHeight和scrollHeight等属性来判断。
- scrollTop属性表示滚动条的垂直滚动距离；
- clientHeight属性表示可见区域的高度；
- scrollHeight属性表示元素内容的高度。

如果滚动条位置达到了底部，将需要隐藏的div元素的display属性设置为"none"，即隐藏该div；如果没有达到底部，将display属性设置为"block"，即显示该div。

以下是示例代码：

HTML：

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

JavaScript：

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';
  }
});

通过以上代码，当页面滚动到底部时，隐藏了id为"myDiv"的div元素。