制作简单的按钮来自动滚动到下一个和上一个Id元素

<button id="nextButton">下一个</button>
<button id="prevButton">上一个</button>

// 获取所有的Id元素
var elements = document.querySelectorAll('[id]');

// 初始化当前元素索引
var currentIndex = 0;

// 获取下一个Id元素的索引
function getNextIndex() {
  return currentIndex === elements.length - 1 ? 0 : currentIndex + 1;
}

// 获取上一个Id元素的索引
function getPrevIndex() {
  return currentIndex === 0 ? elements.length - 1 : currentIndex - 1;
}

// 滚动到下一个Id元素
function scrollToNext() {
  var nextIndex = getNextIndex();
  elements[nextIndex].scrollIntoView({ behavior: 'smooth' });
  currentIndex = nextIndex;
}

// 滚动到上一个Id元素
function scrollToPrev() {
  var prevIndex = getPrevIndex();
  elements[prevIndex].scrollIntoView({ behavior: 'smooth' });
  currentIndex = prevIndex;
}

// 绑定按钮点击事件
document.getElementById('nextButton').addEventListener('click', scrollToNext);
document.getElementById('prevButton').addEventListener('click', scrollToPrev);