ライブページ: http://wlvrtn.com/sites/nms/page.php
章のリンク先を自動化するために jQuery を追加しました (StackOverflow のおかげで)。第 3 章のリンクがページの第 3 章 (記事) につながるようにします。
ライブ ページからわかるように、私のスティッキー ナビゲーション バーは各章の冒頭で邪魔になります。各章の開始が適切に表示されるように、各 jquery アンカーを垂直方向に 200px オフセットしたいと思います。
HTML - チャプター ナビゲーション:
<nav id="chapters">
<ul>
<li><a href="#">Chapter One</a></li>
<li><a href="#">Chapter Two</a></li>
<li><a href="#">Chapter Three</a></li>
</ul>
</nav>
HTML - 記事:
<article class="clearfix">
<h1>Chapter One</h1>
...
</article>
jQuery:
// Chapters - find the nav & headers
var nav = $('#chapters li a'),
articles = $('#main article > h1');
// Chapters - now assign an id/href to each
nav.each(function (i) {
nav.eq(i).attr('href', '#article-' + i);
articles[i].id = 'article-' + i;
});