如何在分屏窗口中间放置向下滚动按钮？

<div class="split-screen">
  <!-- 分屏窗口内容 -->
</div>
<button id="scroll-button">向下滚动</button>

.split-screen {
  position: relative;
  height: 100vh;
  /* 其他样式设置 */
}

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

document.getElementById('scroll-button').addEventListener('click', function() {
  // 获取需要滚动到的目标元素
  var targetElement = document.getElementById('target-element');
  // 使用scrollIntoView()方法滚动到目标元素
  targetElement.scrollIntoView({ behavior: 'smooth' });
});