Javascript Jquery滚动到具有相同类的div

我没有找到任何适合我的例子。 我需要做的是：

我有一个div数可变的页面，所有页面都有

class=“item elm”

。 我有两个箭头，向上和向下，当用户点击其中一个箭头时，身体必须滚动到顶部的下一个div等等

但我必须允许经典的

鼠标/触摸

滚动，因此每次用户单击

“下一步”或“上一步”箭头时，脚本必须
（不褪色/显示项目）
滚动到下一项

我是一个noob jquery用户，所以我的工作是：
-单击箭头时滚动至绝对顶部或底部
-滚动到第一个元素

尝试使用
serialscroll
，但不起作用，我想我在尝试使用此功能时出错了

编辑：
我尝试：Uikit scrollspy在项目上动态添加“active elm”类
data uk scrollspy=“{cls:'active elm'，repeat:true}”
然后单击向下箭头，我运行以下命令：

 function nextScroll() { 
    var scrollPos = $('.active-elm').next('.item-elm').scrollTop();
$('body').scrollTo(scrollPos); 
    } 

不起作用：/
为每个
添加一个“id”属性。id的值包含
的序列号，例如
等。
将向上箭头括在类似
的锚点中，其中x比当前div的id小一个，并将向下箭头括在类似的锚点中，其中x比当前div的id大一个。例如，第二个
如下所示：

<div id="div2">
  <a href="#div1"><img src="up-arrow.png"/></a>
  <a href="#div3"><img src="down-arrow.png"/></a>
</div>

好的，那么，它可以与：

function nextScroll()
{
    /*var scrollPos = $('.active-elm').next('[data-uk-scrollspy]').scrollTop;
    $('body').scrollTo(scrollPos);*/
    var next;
      next = $(".active-elm").closest(".item-elm").next();
      $("html, body").scrollTo((next.offset().top) + 65, 300);
}

function prevScroll()
{
    var next;
      next = $(".active-elm").closest(".item-elm").prev().prev();
      $("html, body").scrollTo((next.offset().top) - 65, 300);
}

当用户单击相应的箭头时，单击onclick可执行每个功能

然后，只需在元素出现时使用uikit scrollspy动态更改“active elm”类

我认为这不是最好的方法，但它确实有效；）
 身份证不能重复。相反，您可以添加类，应该只有一个id和一个值
id
应该是唯一的！我看不出你在这方面得到多少帮助，因为你没有花时间去研究或尝试，但这是一个很好的愿望清单。“相同id的divs”你在不同的divs中使用相同的id吗？？首先，id属性必须是唯一的，两个div不能有相同的id。请改用class。好的，我尝试了通过jquery循环，我可以删除它并放置一个类，但不知道如何“循环”通过项目并获得下一个和下一个位置来实现它scroll@NicolasMeynard试一下下面的答案，看看它是否符合你的需要。这是最简单、最好的方法，但我如何在每次点击时“增加”x？因为如果用户用鼠标滚动到第二个div，例如，“向下箭头”需要滚动到第三个div对不起，我是JS Jquery的初学者你给了我一个主意：使用uikit scroll spy并绑定一个函数动态修改箭头的目标所以我尝试了：uikit scrollspy在项目上动态添加“活动elm”class data uk scrollspy=“{cls:'active elm'，repeat:true}”然后“onclick”下箭头，我正在运行这个：函数nextScroll（）{var scrollPos=$（'.active elm'）。next（'.item elm'）。scrollTop（）；$（'body'）。scrollTo（scrollPos）；}不起作用：/我的函数怎么不像提供的示例那样左右滚动？我正在页面加载时对div进行排序。谢谢