我怎样才能把“滚动”按钮放在中间？

<div class="scroll-container">
  <!-- 滚动内容 -->
  <div class="scroll-content">
    <!-- 内容 -->
  </div>
</div>

.scroll-container {
  width: 100%;
  height: 400px; /* 根据需要设置合适的高度 */
  overflow: scroll;
}

.scroll-content {
  width: 100%;
  height: 1000px; /* 根据内容高度设置合适的高度 */
  /* 其他样式设置 */
}

<div class="scroll-container">
  <div class="scroll-content">
    <!-- 内容 -->
  </div>
  <button class="scroll-button">滚动</button>
</div>

.scroll-button {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 其他样式设置 */
}

const scrollButton = document.querySelector('.scroll-button');
const scrollContainer = document.querySelector('.scroll-container');

scrollButton.addEventListener('click', () => {
  scrollContainer.scrollTop = scrollContainer.scrollHeight / 2 - scrollContainer.offsetHeight / 2;
});