position:fixed と IE6 と expression
[ パソコン作業
]
画面右下の「UPボタン」を スクロールしても動かないように出来た。
もちろん私が考えたものではなくて 探して見つけて 教えてもらって できた。
「ページ内リンクは良くない。」とか「UPボタンなど不要。」というお考えもあるようだけど 私は 「ナビゲーションの見える所まで 一気に戻りたい。」と思うことが度々ある。
「UPボタン」だけでも常に見えていると 便利なように思う。
索引やブログなど 長いファイルを作った時に 何度かチャレンジしたが毎回挫折。
諦めていたが 先日いつもの質問掲示板で 「position:fixed と IE6 と expression」についてのお話が出ていた。
expression て何？
調べてみると position:fixed が効かない IE6 でも それを使えば似たようなことが出来るようで サンプルも見つけた。
早速コピーして使ってみたが うまくいかない。
質問掲示板に書き込むと 直すべき部分を教えてくださった。
「で どう書き直せばいいのですか？」 さすがに そんなことは言えない。
よくわからないものを書き直すのは 見当もつかなかったが 検索して似たような言葉の並びを探し あとはカンを頼りに直してみた。
IE6 でも Firefox でも きちんと右下に固定できて 書き方についても「問題ありません。」とのこと。
よかった～
以下が head の一番下に書いたもの
!--[if lt IE 7]
style type="text/css"
body { background: #fafafa url(../gif/spacer.gif) fixed; }
p.upbutton {
position: absolute;
top:expression(document.compatMode=='CSS1Compat' ? documentElement.scrollTop+document.documentElement.clientHeight-40 + "px" : document.body.scrollTop+document.body.clientHeight-40 + "px");
right: 15px;
z-index: 2000;
}
/style
![endif]--
（投稿画面で「＜」や「＞」を書くと見えなくなったので 全部消してみた。）
