mtde.info

Movable Type Developers Express

ページ末尾付近に「ページ先頭へ」のアンカーリンクをつける

2008年3月27日 00:17 | Writer: apstar | 記事本文

次の画像ような、「ページ先頭へ」というリンクを生成する方法を紹介します。

totop01.png

これは、単にid要素へのアンカーリンクを貼ればよいです。例えば、このサイトの場合は、(CSSで見た目を調整しています)以下のような「ページ先頭へ」リンクを設けています。headcontentのid要素(つまり、ヘッダー)を目的地アンカーとしています。

<a href="#headcontent" title="<$MTEntryTitle$>">ページ先頭</a>へ

このようなコードは、「ブログ記事の詳細」や「ブログ記事の概要」、あるいは「ブログ記事」や「ブログ記事リスト」など、ページが長くスクロールしそうなモジュールへ貼るとよいです。

ナビゲーション関連サンプル

2008 mtde.info