如何在滚动时将来自上方的元素粘贴到顶部？

<div class="container">
  <div class="sticky-element">
    <!-- 内容 -->
  </div>
  <!-- 其他内容 -->
</div>

.sticky-element {
  position: sticky;
  top: 0;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

window.addEventListener('scroll', function() {
  var element = document.querySelector('.sticky-element');
  var distanceFromTop = element.getBoundingClientRect().top;

  if (window.pageYOffset > distanceFromTop) {
    element.classList.add('sticky');
  } else {
    element.classList.remove('sticky');
  }
});