ページ末尾付近に「ページ先頭へ」のアンカーリンクをつける
次の画像ような、「ページ先頭へ」というリンクを生成する方法を紹介します。
これは、単にid要素へのアンカーリンクを貼ればよいです。例えば、このサイトの場合は、(CSSで見た目を調整しています)以下のような「ページ先頭へ」リンクを設けています。headcontentのid要素(つまり、ヘッダー)を目的地アンカーとしています。
<a href="#headcontent" title="<$MTEntryTitle$>">ページ先頭</a>へ
このようなコードは、「ブログ記事の詳細」や「ブログ記事の概要」、あるいは「ブログ記事」や「ブログ記事リスト」など、ページが長くスクロールしそうなモジュールへ貼るとよいです。
- カテゴリ:ナビゲーション関連サンプル