一次滚动一个div的按钮

<div id="scrollableDiv">
  <!-- 内容 -->
</div>
<button id="scrollButton">滚动</button>

#scrollableDiv {
  height: 300px; /* 设置div的高度，超出部分将会被隐藏 */
  overflow: auto; /* 显示滚动条 */
}

#scrollButton {
  margin-top: 10px; /* 设置按钮与div之间的间距 */
}

var scrollableDiv = document.getElementById("scrollableDiv");
var scrollButton = document.getElementById("scrollButton");

scrollButton.addEventListener("click", function() {
  scrollableDiv.scrollTop += 100; // 每次点击按钮，div向下滚动100像素
});