• ベストアンサー

スクロールと同じように画像や文字を移動させる

よろしくお願い致します。 ハンゲーム http://www.hangame.co.jp/ の用にスクロールさせると下のメニューや右の画像を移動させたいと思っているのですが、検索するのに使う言葉も思い浮かびません。 このように同時に移動させているサイトを良く見るので参考サイトなどもあると思うのですが、一向に見つかりません。 ご存知の方がいらっしゃいましたら是非ご教授お願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
noname#22259
noname#22259
回答No.3

<!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)
回答No.4

あの手法は非常に気持ち悪いので、むしろ素直にFRAME分けしたほうが良いのではないでしょうか・・・? なんであんな変なのが流行しちゃってるんだろう・・・。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>もう少しスムーズに動いてくれると嬉しいのですが・・ すみませんデス。orz カクカクする理由の1つは、移動先と現在の位置の差を一気に更新するからですかね…(ちゃんと調べたワケではありません) 以前どっかで観たサイトでは、そういうのを防止するためか(効果なのか)遅れてやって(ついて)くるようになっていました。 位置の修正を一気ではなくて徐々に修正するということだと思います。 そんなふうに修正するといいかもしれません。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

参考URLが参考になるかも。 (クロスブラウザを考慮したものに変更する必要があると思いますが) 参考URLで固定になっているのはDIVなので、そこにメニューやら画像やらいれとけば丸ごと固定されると思います。<自信なし

参考URL:
http://okwave.jp/kotaeru.php3?qid=1353095
melll
質問者

お礼

ありがとうございます。 早速試してみました。 もう少しスムーズに動いてくれると嬉しいのですが・・