WP-Modore
最終更新: 2009年 3月 27日
なぜか割と反響があった「TOPに戻れ!」という記事。人のフンドシで相撲を取った感のある記事だったが、ありがとうございます。
このたび、日本を代表するプラグイン作者「ひろまさ」氏によって、これがプラグイン化されました。というかプレゼントされたわけですが、そ、そんな「Author: Masayan」だなんて滅相もございません。また、Invalidでしたので、修正しておきました。(正規な表現かわかりませんが・・・)
導入は有効化するだけで、ページ右中央に矢印画像が現れるはずです。クリックするとスルスル∼とTOPに戻ってゆくと思います。(注: IE6以前はブラウザがfixedに対応していないので、下の方に表示されます)
付属の画像が背景とマッチしないなら、自身で作ってください。26×26pxで作り、modore.pngで保存すれば修正は要りません。変更する場合は、適宜wp-modore.phpファイルを修正してください。
ご要望により EUC-JPバージョン追加。
http://svn.wp-plugins.org/wp-modore/ 登録済み(2007-4-9)
2007-5-2 追記
IE6以前でも固定する方法を考えてみる。
-
#back-to-top {
-
bottom:50%;
-
display:block;
-
outline-color:invert;
-
outline-style:none;
-
outline-width:0pt;
-
right:5px;
-
-
/* IE5 later && javascript-on */
-
position: expression('absolute');
-
top: expression(documentElement.scrollTop + 400 + 'px');/*数値はお好みで*/
-
right: expression(documentElement.scrollLeft + 5 + 'px');/*数値はお好みで*/
-
-
position:fixed !important;
-
position: absolute;
-
}
とりあえず右中央に固定されるが、動作時にちょっと付いて動くような感じに見えるのと、スクリプトONでないと効果なし。CSSの達人でないのでこれが限界です・・・。 
注) IE7だとスクロールと一緒に動いて消えてしまいます。
2007-5-11 追記
yukiさんからコメントをいただきました。早速、以下のように変更。
-
#back-to-top {
-
bottom:50%;
-
display:block;
-
outline-color:invert;
-
outline-style:none;
-
outline-width:0pt;
-
position:fixed;
-
right:5px;
-
-
/* IE5 later && javascript-on */
-
/* using underscore hack */
-
_position: expression('absolute');
-
_top: expression(documentElement.scrollTop + 400 + 'px');
-
_right: expression(documentElement.scrollLeft + 5 + 'px');
-
}
IE6だとアヤシイ動きをしますが、前のよりずっとイイ! yukiさんありがとうございます。
ありがとう御座います。
色々と試してみます。
読みました いいですね