締切済み

スクロールしても文字を固定位置に表示させるには？

2005/04/26 13:57

スタイルシートについての質問です。スクロールしても画像が動かないようにすることができるので、同じように文字も固定表示したいと思っています。 position:fixed; を使おうと思ったらIEではサポートされていないようなので使えません。何か他の方法で文字の固定表示はできないでしょうか？

konchan_konchan
お礼率90% (38/42)

HTML
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

みんなの回答

BLUEPIXY
ベストアンサー率50% (3003/5914)

2005/04/27 00:35 回答No.3

>ブレずに表示はできますでしょうか？必死に追随しているって感じですよね～＾＾；最近、どっかで、うまくメニューを同じ位置に表示しているのを見たんですけど、どうやってるかは調べなかったんで、今回のは、一応オリジナルなんですけど、スムーズにスクロールさせるのは、ちょっと思いつかないですね～。 onscrollで、すぐに、表示させようとしないで、ちょっと間をおいてから表示する方がいいかもしれません。今のところいい方法が浮かばないです。すみませんです。画像が固定できるんだったら、文字を画像にしてしまうというのも１つの方法ですけどね～。ところで、＃２で ("NoMove").scrollIntoView(true); は、テスト中のゴミですので、不要です。すみませんです。 m(_ _)m

質問者

お礼 2005/05/01 01:05

文字を画像化...なるほど、そう言う方法もありますね。ありがとうございました。

BLUEPIXY
ベストアンサー率50% (3003/5914)

2005/04/26 19:27 回答No.2

ＩＥでのサンプルを作ってみました。他の方法もあるかもしれません。サンプルを実行すると、スクロールしても画面上部に位置するようになります。位置をずらすには、＋ｎｎすればいいです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>Welcome</title> <script type="text/javascript">  </script> </head> <body onscroll="displayString()" style="z-index:0"> <div ID="NoMove" style="position:absolute;z-index:2;left=150px;background-color:FFF"> 動きません </div> <div> ダミーの文字 1 2 3 4 5 6 7 8 9 0 - 1 2 3 4 56 8 a s fd h gd g dg fdg g 1 2 3 4 5 6 7 8 9 0 - 1 2 3 4 56 8 a s fd h gd g dg fdg g 1 2 3 4 5 6 7 8 9 0 - 1 2 3 4 56 8 a s fd h gd g dg fdg g 1 2 3 4 5 6 7 8 9 0 - 1 2 3 4 56 8 a s fd h gd g dg fdg g </div> </body> </html>

質問者

補足 2005/04/26 21:14

サンプルまで作っていただき、ありがとうございました。サンプルではスクロールした場合、文字がブレてしまいますが、ブレずに表示はできますでしょうか？

quads
ベストアンサー率35% (90/257)

2005/04/26 18:22 回答No.1

どのような記述を試したのでしょうか？

質問者

補足 2005/04/26 21:22

<html> <head> <style type="text/css">  </style> <title>test</title> </head> <body> 固定したい文字 </body> </html> 例えば、上記のように上から50px、左から200pxの位置に「固定した文字」という文字を表示させたい場合、 position:fixed;　を使っても指定位置に表示されません。 position:absolute;　を使うと指定位置に表示されますが、スクロールした場合に位置が変わってしまいます。スクロールしても定位置に文字を表示させたいと思っています。