Question

在我试图修改一些jQuery后，有人可以帮助我：

http://goo.gl/MNhqq8

我想要发生的是：

要留下2个可见按钮PREV / NEXT，请隐藏所有其他li。显然，PREV按钮将起作用并转到上一个锚点，NEXT转到下一个锚点。

或者我是以完全错误的方式解决这个问题......愿意接受更好的建议。

由于

Answer 1

仅修改了几个部分：

首先，只保留2个按钮：

<li><a href="#prev" class="scroll">PREV</a></li>
<li><a href="#next" class="scroll">NEXT</a></li>

接下来，跟踪不同的锚点，以及哪个锚点处于活动状态：

var anchors = ['anchortop', 'anchorone', 'anchortwo', 'anchorthree', 'anchorfour', 'anchorfive'];
var currentIdx = 0;

最后，根据点击的按钮以及我们所在的部分，递减或递增currentIdx：

var full_url = this.href,
    parts = full_url.split('#'),
    btn = parts[1];

if (btn == 'prev' && currentIdx > 0) {
    currentIdx--;
} else if (btn == 'next' && currentIdx < anchors.length - 1) {
    currentIdx++;
}

var trgt = anchors[currentIdx],
    target_offset = $('#' + trgt).offset(),
    target_top = target_offset.top;

fiddle

基于列表/锚点链接的一页上一页/下一页导航

1 个答案: