「ページトップへ戻る」リンク 

便利ナビから各記事へは「ページ内をスムーズにスクロール」で移動出来ますが、
各記事からページトップに戻るリンクは、追記(more_link)エリア内に埋没しています。
本来は各記事の末尾(footer)に入れれば良いのですが、空きスペースがありません。

そこで、カテゴリ・アーカイブ・サーチ・タグ・個別記事で共通して使用出来る
「ページトップへ戻る」ボタンをページ右下に設置する事にしました。

参考サイト:Country Netlife 「ページトップへ戻る」リンク・改
        ありのごとくあつまりて 右下に 「ページ先頭に戻る」 リンクを常に表示
当ブログでは既に、jQuery本体を使用していますので、
「scrolltopcontrol.js」を追加するだけで済みました。
「page top アイコン」も Image Life 様からお借り致しました。

《 とても便利!! 》
 ・ 常時表示される訳でなく、下にスクロールした際に表示される
 ・ どのページでも共通して使用出来る

[追記]
INDEXページにて list-style で指定した画像がスクロールにより消える不具合が
発生しましたが、これは IE のバグのようです。

参考サイト:IE6でスクロールしているとborder(ボーダー)が消える現象。
「サイズが分からないところには画像は表示出来ない」っていう事のようで
witdh を指定する事により解決致しました。(H24.7.16)

[おまけ]
□ ブラウザの移動用ショートカットキー
 ・ 【スペースキー】 … 1画面分下に移動
 ・ 【Shift + スペースキー】 … 1画面分上に移動
 ・ 【Endキー】 … ページの一番下に移動
 ・ 【Homeキー】 … ページの一番上に移動
 ・ 【Alt + ←】 … 前のページに戻る
 ・ 【Alt + →】 … 先のページにおくる
 参考サイト:パソコンスクールISA船橋校 店長ブログ
関連記事
【スポンサーリンク】

最終更新日時: -0001年11月30日(水)00:00:00
ブログパーツ

Comment 1

There are no comments yet.

Hiro  

意外に導入している...

自分で導入して初めて気付いたのですが
他のブロガーさんも導入している方が、ちょくちょく見えます。
手前味噌で恐縮ですが、導入されている方は皆、一様に
カスタマイズされているサイトが多いですね。

2010/09/15 (Wed) 00:10

Leave a comment