单页站点中上一个和下一个按钮的 Html href 属性？

Question

我用 html/css 制作了一个极简主义的单页博客。

我想在固定的侧面菜单上添加两个按钮以向上（上一篇文章）或向下（下一篇文章）。我想知道我必须给类“href”的女巫属性，以便自动向上或向下移动**在同一页面**（而不是特定的锚点/另一个页面）。

欢迎任何解决方案！谢谢:)

Answer 1

在 a 中使用锚点和 href 可能行不通。这应该适用于您的解决方案，当然您需要添加自己的限制。单击一个按钮会将索引更改为包含所有部分的列表。

index.html

<button onclick="step(1)">next</button>
<button onclick="step(-1)">previous</button>

<h1 id="section1">Section 1</h1>
<h1 id="section2">Section 2</h1>

main.js

var current = 0;
var sections = ['section1', 'section2'];

function step(incr) {
    current += incr;
    window.location.href = '#'+sections[current];
}

您通过在点击事件上使用增量来替换锚点。