2

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

我想使用向上/向下箭头键导航到的页面上有部分。第一个称为“标题”，其余称为“模块”。我无法获取要更新的“下一个”的数值，更不用说在滚动时区分“标题”和“模块”的问题了！

这是我的 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;
}

});

任何帮助或建议将不胜感激！

4

0 回答 0