将div放在滑块的底部

<div class="slider-container">
  <div class="slider"></div>
  <div class="bottom-div"></div>
</div>

.slider-container {
  position: relative;
  height: 200px; /* 设置滑块容器的高度 */
}

.slider {
  height: 100px; /* 设置滑块的高度 */
  background-color: #ccc;
}

.bottom-div {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px; /* 设置div的高度 */
  background-color: #f00;
}

var sliderContainer = document.querySelector('.slider-container');
var bottomDiv = document.querySelector('.bottom-div');

sliderContainer.addEventListener('scroll', function() {
  var scrollHeight = sliderContainer.scrollHeight;
  var containerHeight = sliderContainer.clientHeight;
  var scrollTop = sliderContainer.scrollTop;

  if (scrollHeight - containerHeight === scrollTop) {
    bottomDiv.style.position = 'relative';
  } else {
    bottomDiv.style.position = 'absolute';
    bottomDiv.style.bottom = '0';
  }
});