如何在第7页上平滑向上滚动

<div class="scroll-container">
  <div class="page">第1页</div>
  <div class="page">第2页</div>
  <div class="page">第3页</div>
  <div class="page">第4页</div>
  <div class="page">第5页</div>
  <div class="page">第6页</div>
  <div class="page">第7页</div>
  <div class="page">第8页</div>
  <div class="page">第9页</div>
  <div class="page">第10页</div>
</div>

.scroll-container {
  height: 400px;
  overflow: auto;
}

.page {
  height: 100px;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
}

const scrollContainer = document.querySelector('.scroll-container');
const pages = document.querySelectorAll('.page');
const seventhPage = pages[6];

scrollContainer.addEventListener('scroll', function() {
  const scrollPosition = scrollContainer.scrollTop;
  const seventhPagePosition = seventhPage.offsetTop;

  if (scrollPosition >= seventhPagePosition) {
    seventhPage.scrollIntoView({ behavior: 'smooth' });
  }
});