如何在单击时滚动到下一个div

 // 获取所有的div元素

 var divs = document.querySelectorAll('div');

 var currentIndex = 0;

 // 添加点击事件监听器

 document.getElementById('scrollButton').addEventListener('click', function() {

   // 获取当前可见的div元素

   var currentDiv = divs[currentIndex];

   // 获取下一个div元素

   var nextDiv = divs[currentIndex + 1];

   // 检查是否存在下一个div元素

   if (nextDiv) {

     // 将下一个div元素滚动到可见区域

     nextDiv.scrollIntoView({ behavior: 'smooth' });

     currentIndex++;

   } else {

     // 如果已经滚动到最后一个div元素，则回到第一个div元素

     divs[0].scrollIntoView({ behavior: 'smooth' });

     currentIndex = 0;

   }

 });