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以前でも固定する方法を考えてみる。
  1. #back-to-top {
  2.     bottom:50%;
  3.     display:block;
  4.     outline-color:invert;
  5.     outline-style:none;
  6.     outline-width:0pt;
  7.     right:5px;
  8.    
  9.     /* IE5 later && javascript-on */
  10.     position: expression('absolute');
  11.     top: expression(documentElement.scrollTop + 400 + 'px');/*数値はお好みで*/
  12.     right: expression(documentElement.scrollLeft + 5 + 'px');/*数値はお好みで*/
  13.  
  14.     position:fixed !important;
  15.     position: absolute;
  16. }

とりあえず右中央に固定されるが、動作時にちょっと付いて動くような感じに見えるのと、スクリプトONでないと効果なし。CSSの達人でないのでこれが限界です・・・。 :oops:
注) IE7だとスクロールと一緒に動いて消えてしまいます。 :cry:

2007-5-11 追記
yukiさんからコメントをいただきました。早速、以下のように変更。
  1. #back-to-top {
  2.     bottom:50%;
  3.     display:block;
  4.     outline-color:invert;
  5.     outline-style:none;
  6.     outline-width:0pt;
  7.     position:fixed;
  8.     right:5px;
  9.    
  10.      /* IE5 later && javascript-on */
  11.     /* using underscore hack */
  12.     _position: expression('absolute');
  13.     _top: expression(documentElement.scrollTop + 400 + 'px');
  14.     _right: expression(documentElement.scrollLeft + 5 + 'px');
  15. }

IE6だとアヤシイ動きをしますが、前のよりずっとイイ! yukiさんありがとうございます。 :)

ツイート

Top

Top

コメントが 17件あります

コメント RSS を使用するとこの投稿のコメントが確認できます。
TrackBack URI
コメントしてみる?

  1. pac さんのコメント
    2008年 6月 5日 15:04 # Japan Windows Sleipnir

    ありがとう御座います。
    色々と試してみます。

    返信する

  2. popspace さんのコメント
    2010年 10月 14日 17:52 # China Windows Mozilla Firefox

    読みました いいですね

    返信する

Top

コメントをどうぞ


:x :wink: :twisted: :shock: :sad: :oops: :o :mrgreen: :lol: :idea: :evil: :cry: :cheesy: :arrow-u: :arrow-l: :arrow-d: :D :?: :) :!: 8)
あなたの情報 (必須) help

twitter

e-mail

Top

Web Services by Yahoo! JAPAN