使用scrollTo，＆＃34; next＆＃34;部分没有重复代码

Question

我正在努力找到最好的方法，而不需要复制大量的代码。

我有一个小的“滚动”按钮，我想使用scrollTo和此按钮滚动到下一个section。

据我所知，我可以使用带有绝对定义的div / HTML容器的scrollTo：

$('#scrolly').click(function() {
   $.scrollTo($('#myDiv'), 500);
});

这个问题是，要滚动到多个div，我必须每次使用每个div名称复制此脚本。 E.g

$('#scrolly2').click(function() {
   $.scrollTo($('#myDiv2'), 500);
});

相反，有没有一种方法可以说每个scrolly图标应该滚动到DOM中的NEXT div而不是当前的那个？

JS Fiddle

Answer 1

请转到下一部分

$('.scroller').click(function (){
    var next = $(this).closest('section').next('section');
    $(document).scrollTo(next, 400);
});

FIDDLE