FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

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

キイタ?( ゚д゚)オクサン(゚д゚ )アラヤダワァのちゃんさんが同じページの最上部へ移動するリンクを紹介してくれました。とても長くなってしまったページにはこのリンクで一番上まですぐに戻れるので便利です。

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

【画像使用】

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


【テキストリンク】

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


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

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

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


これですべてのブラウザで、同ページの最上部へ移動するリンクが作れます。
関連記事
[ 1197 ] こんばんは
記事掲載有難うございます!
トラバを送らせて頂きました♪
[ 2007/02/15 23:33 ] [ 編集 ]
[ 1203 ] > ちゃんさん
こんばんは、ちゃんさん。
私もトラバを送らせてもらいました^^
しかしちゃんさんのトラバURL表示は更に進化してますね。
とてもコピーしやすかったです。
[ 2007/02/16 00:22 ] [ 編集 ]
[ 5303 ] こんばんわ
同じページの最上部へ移動するリンクではなく

同じページのコメントの投稿欄に移動するリンクはできますか?
[ 2009/08/05 21:47 ] [ 編集 ]
[ 5309 ] > LOLOさん
テンプレートによりますが、私が公開しているテンプレートであれば
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 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

最上部移動と記事編集タグ
いつもお世話になっている、FC2ブログのテンプレート工房様で、カスタマイズを紹介して頂きました。管理人のいたお様、有難う御座いますm(__)m記事編集のタグは、HTMLのエントリー(記事内)に入れないと意味があり
ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2023/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
ユーザータグ


△ ページトップへ戻る