判断div滑动到底部的scroll实例代码

要判断一个div是否滑动到底部，需要监听它的滚动事件，该事件触发时，可以通过判断scrollHeight和scrollTop之和是否等于clientHeight来判断是否滑动到底部。下面是完整的markdown格式文本示例代码：

HTML代码

<div id="myDiv" style="height: 200px; overflow: auto;">
  <div style="height: 500px;"></div>
</div>

JavaScript代码

const myDiv = document.getElementById('myDiv');
myDiv.addEventListener('scroll', function() {
  if (myDiv.scrollHeight - myDiv.scrollTop === myDiv.clientHeight) {
    console.log('已经滑动到底部了');
  }
});

在上面的代码中，我们首先通过getElementById获取到了要监听的div，然后给它添加了一个scroll事件监听器。当该事件触发时，我们判断这个div的scrollHeight和scrollTop之和是否等于clientHeight，如果是的话，说明滑动到了底部。下面再给出一个完整的示例：

HTML代码

<div id="myDiv" style="height: 200px; overflow: auto;">
  <ul>
    <li>列表项 1</li>
    <li>列表项 2</li>
    <li>列表项 3</li>
    <li>列表项 4</li>
    <li>列表项 5</li>
    <li>列表项 6</li>
    <li>列表项 7</li>
    <li>列表项 8</li>
    <li>列表项 9</li>
    <li>列表项 10</li>
  </ul>
</div>

JavaScript代码

const myDiv = document.getElementById('myDiv');
myDiv.addEventListener('scroll', function() {
  if (myDiv.scrollHeight - myDiv.scrollTop === myDiv.clientHeight) {
    const li = document.createElement('li');
    li.textContent = '新的列表项';
    myDiv.querySelector('ul').appendChild(li);
  }
});

在上面的代码中，我们在div滑动到底部时，动态地添加了一个新的li元素，所以当你滑动到底部时，就会看到页面自动添加了一个新的列表项。这是一个简单的示例，实际应用中可以根据需求进行相应的处理。