如何获得图像向下箭头滚动到第二次点击后的页面结束。第一次点击就可以了

<div id="arrow-container">
  <img src="arrow.png" alt="向下箭头" id="arrow-image">
</div>

#arrow-container {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#arrow-image {
  width: 50px;
  height: 50px;
}

var arrowImage = document.getElementById('arrow-image');
var isScrolled = false;

arrowImage.addEventListener('click', function() {
  if (!isScrolled) {
    isScrolled = true;
    scrollToNextPage();
  }
});

function scrollToNextPage() {
  // 使用JavaScript实现滚动页面的动画效果，可以使用scrollIntoView方法或者自定义动画函数
  // 这里以scrollIntoView方法为例
  var nextPageElement = document.getElementById('next-page');
  nextPageElement.scrollIntoView({ behavior: 'smooth' });
}