- ベストアンサー
スクロールと同じように画像や文字を移動させる
よろしくお願い致します。 ハンゲーム http://www.hangame.co.jp/ の用にスクロールさせると下のメニューや右の画像を移動させたいと思っているのですが、検索するのに使う言葉も思い浮かびません。 このように同時に移動させているサイトを良く見るので参考サイトなどもあると思うのですが、一向に見つかりません。 ご存知の方がいらっしゃいましたら是非ご教授お願い致します。
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function F1() { v='.pixelTop=';dS='';sD='.style';y='document.body.scrollTop';} function F2() { obj='obj1';yy=eval(y);eval(dS+obj+sD+v+yy);setTimeout('F2()',10);} </script> </head> <body onload="F1();F2();"> <div id='obj1' style='position:absolute;left:0px; top:0px;'> どこまでも付いてゆきます下駄の雪 </div> <script type="text/javascript"> for(var i=0;i<100;i++){document.write('<br>')} </script> </body> </html>
その他の回答 (3)
- NTJ
- ベストアンサー率44% (46/103)
あの手法は非常に気持ち悪いので、むしろ素直にFRAME分けしたほうが良いのではないでしょうか・・・? なんであんな変なのが流行しちゃってるんだろう・・・。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
>もう少しスムーズに動いてくれると嬉しいのですが・・ すみませんデス。orz カクカクする理由の1つは、移動先と現在の位置の差を一気に更新するからですかね…(ちゃんと調べたワケではありません) 以前どっかで観たサイトでは、そういうのを防止するためか(効果なのか)遅れてやって(ついて)くるようになっていました。 位置の修正を一気ではなくて徐々に修正するということだと思います。 そんなふうに修正するといいかもしれません。
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
参考URLが参考になるかも。 (クロスブラウザを考慮したものに変更する必要があると思いますが) 参考URLで固定になっているのはDIVなので、そこにメニューやら画像やらいれとけば丸ごと固定されると思います。<自信なし
お礼
ありがとうございます。 早速試してみました。 もう少しスムーズに動いてくれると嬉しいのですが・・