滚动后使div粘在其容器div的底部

<style>
.container {
  position: relative;
  height: 400px; /* 容器div的高度，根据实际情况设置 */
  overflow: auto; /* 设置容器div为可滚动 */
}

.sticky-div {
  position: absolute;
  bottom: 0;
}
</style>

<div class="container">
  <!-- 其他内容 -->
  <div class="sticky-div">要粘在底部的div</div>
</div>

<style>
.container {
  position: relative;
  overflow: auto;
}

.sticky-div {
  position: absolute;
  bottom: 0;
}
</style>

<div class="container" onscroll="handleScroll(event)">
  <!-- 其他内容 -->
  <div class="sticky-div">要粘在底部的div</div>
</div>

<script>
function handleScroll(event) {
  const container = event.target;
  const stickyDiv = container.querySelector('.sticky-div');
  
  if (container.scrollTop + container.clientHeight >= container.scrollHeight) {
    stickyDiv.style.position = 'relative';
    stickyDiv.style.bottom = 'auto';
  } else {
    stickyDiv.style.position = 'absolute';
    stickyDiv.style.bottom = '0';
  }
}
</script>