使用scrollTo插件使用箭头键在各部分之间导航

Question

我知道有类似的问题，但似乎没有一个能解决我的困境。所以这里去了！

我想要使用向上/向下箭头键导航到的页面上有部分。第一个被称为＆＃34; header＆＃34;，而其余的被称为＆＃34; module＆＃34;。我无法获得＆＃34; next＆＃34;的数值。更新，更不用说区分＆＃34;标题＆＃34;和＆＃34;模块＆＃34;滚动时！

这是我的HTML

<div id="pages">
    <div class="header"></div>
    <div class="module"></div>
    <div class="module"></div>
    <div class="module"></div>
    <div class="module"></div>
</div>

和我的JQuery

$(document).keydown(function (e) {

var keyCode = e.keyCode || e.which,
    arrow = {left: 37, up: 38, right: 39, down: 40 },       
    elements = $(".module,.header"),
    next = 0,
    max = elements.length;

switch (keyCode) {
    case arrow.down:
        if(next+1 < max) {
            next++;
            $("#pages").scrollTo(elements[next], 800, { axis:"y" });
            console.log(next);
        }
    break;

    case arrow.up:
        if(next-1 > -1) {
            next--;
            $("#wrap").scrollTo(elements[next], 800, { axis:'y' });
        }
    break;
}

}); 

非常感谢任何帮助或建议！