WP-Modore

スポンサーリンク

なぜか割と反響があった「TOPに戻れ!」という記事。人のフンドシで相撲を取った感のある記事だったが、ありがとうございます。 :lol:

このたび、日本を代表するプラグイン作者「ひろまさ」氏によって、これがプラグイン化されました。というかプレゼントされたわけですが、そ、そんな「Author: Masayan」だなんて滅相もございません。また、Invalidでしたので、修正しておきました。(正規な表現かわかりませんが・・・)

WordPress plugin Download:
WP-Modore_v1.01 [UTF-8]
WordPress plugin Download:
WP-Modore_v1.01 [EUC-JP]

導入は有効化するだけで、ページ右中央に矢印画像が現れるはずです。クリックするとスルスル∼とTOPに戻ってゆくと思います。(注: IE6以前はブラウザがfixedに対応していないので、下の方に表示されます)

付属の画像が背景とマッチしないなら、自身で作ってください。26×26pxで作り、modore.pngで保存すれば修正は要りません。変更する場合は、適宜wp-modore.phpファイルを修正してください。

ご要望により EUC-JPバージョン追加。 :lol:
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の達人でないのでこれが限界です・・・。 :oops:
注) IE7だとスクロールと一緒に動いて消えてしまいます。 :cry:

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さんありがとうございます。 :)

スポンサーリンク
  • このエントリーをはてなブックマークに追加
プロビロナム