如何仅单击一个特定链接时，如何实现序列部分滚动

Question

当用户点击此箭头时，它将转到下一部分，然后单击它将转到下一部分。每次用户点击向下箭头时，在短序列部分滚动

这是我的HTML

<section id="intro">

</section>

<section id="about-us">

</section>

<section id="services">

</section>

<section id="team">

</section>

<section id="contact">

</section>

非常感谢提前

Answer 1

我的示例解决方案（但始终从第一个元素开始）：

var ids_arr = [];
$('section').each(function() {
    ids_arr.push(this.id);
});
var tmp_ids_arr = ids_arr;

$('#arrow_element').click(function() {
    if(tmp_ids_arr.length==0) tmp_ids_arr = ids_arr;
    location.hash = '#'+tmp_ids_arr.shift(); // remove first element from collection and returning him
});