同じページの最上部へ移動するリンク

ｷｲﾀ?( ﾟдﾟ)ｵｸｻﾝ(ﾟдﾟ )ｱﾗﾔﾀﾞﾜｧのちゃんさんが同じページの最上部へ移動するリンクを紹介してくれました。とても長くなってしまったページにはこのリンクで一番上まですぐに戻れるので便利です。

HTMLのリンクを入れたい場所に次の記述を挿入します。

【画像使用】

<a href="#top" title="ページ最上部へ"><img src="画像URL"></a>

【テキストリンク】

<a href="#top">ページ最上部へ</a>

ちゃんさんご紹介有難う御座いました。

【2009/04/17 追記】
FireFoxではリンクの飛び先指定が必要でした。
HTMLの<body>の下に、次の行を加えてください。

<body>
<a name="top"></a>

これですべてのブラウザで、同ページの最上部へ移動するリンクが作れます。

関連記事

[ 2007/02/14 22:41 ] カスタマイズ共通カスタマイズ | TB(1) | CM(6)

≪ 管理者用記事編集リンク | HOME | 不要なカテゴリを消す ≫

[ 1197 ] こんばんは

記事掲載有難うございます！
トラバを送らせて頂きました♪

[ 2007/02/15 23:33 ] [ 編集 ]

[ 1203 ] > ちゃんさん

こんばんは、ちゃんさん。
私もトラバを送らせてもらいました＾＾
しかしちゃんさんのトラバURL表示は更に進化してますね。
とてもコピーしやすかったです。

[ 2007/02/16 00:22 ] [ 編集 ]

[ 5303 ] こんばんわ

同じページの最上部へ移動するリンクではなく

同じページのコメントの投稿欄に移動するリンクはできますか？

[ 2009/08/05 21:47 ] [ 編集 ]

[ 5309 ] > ＬＯＬＯさん

テンプレートによりますが、私が公開しているテンプレートであれば
http://～/blog-entry-xxx.html#comment_form
とすれば投稿欄に移動します。

コメントが長くなって投稿欄まで行き着くのが大変であれば、投稿欄を記事のすぐ下に表示するという方法もあります。
http://10plate.blog44.fc2.com/blog-entry-212.html

[ 2009/08/05 23:54 ] [ 編集 ]

[ 5314 ] ありがとうございます

迅速な対応ありがとうございます。

#comment_form で無事解決できました

これからも更新がんばってください

[ 2009/08/06 01:45 ] [ 編集 ]

[ 5325 ] > LOLOさん

解決できて良かったです＾＾

[ 2009/08/06 21:16 ] [ 編集 ]

コメントの投稿