使固定元素在DIV结束后随内容滚动(滚动，不会瞬间消失)

<div id="scroll-container" style="height: 300px; overflow: auto;">
  <!-- 其他内容 -->
  <div id="fixed-element">
    <!-- 要固定的元素 -->
  </div>
</div>

#fixed-element {
  position: sticky;
  top: 0;
  /* 其他样式 */
}

var container = document.getElementById('scroll-container');
var fixedElement = document.getElementById('fixed-element');

container.addEventListener('scroll', function() {
  var containerHeight = container.offsetHeight;
  var containerScrollHeight = container.scrollHeight;
  var containerScrollTop = container.scrollTop;
  
  if (containerHeight + containerScrollTop >= containerScrollHeight) {
    // 滚动到底部，将固定元素移出滚动区域
    document.body.appendChild(fixedElement);
  } else {
    // 滚动中，将固定元素放回滚动区域
    container.appendChild(fixedElement);
  }
});