• ベストアンサー

メニューバーがついてくる仕組み

下記サイトを観ていると、 左側のメニューバーがウィンドウのスクロールバーについてくるように動いてくれますが、 一体どうやって動かしているのでしょうか。 http://www.ne.jp/asahi/kiswahili/nyamburra/darasa/vitabu/vitabu.htm

  • shevy
  • お礼率67% (703/1046)

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

  • ベストアンサー
  • akira212
  • ベストアンサー率24% (75/308)
回答No.2

手順です。 (1) bodyのonloadで一定時間ごとに動くプログラムを呼び出す。 (2) そのプログラムの中にメニューバーのY軸とX軸を変動させるプログラムを組み込む。 *注意点*”スクロールしても”という限定がはいってくるので、 document.body.scrollLeft + 任意の横位置 document.body.scrolltop + 任意の縦位置 で、X軸とY軸にスクロール値を加算させる必要があります。 このように組むとできます。

その他の回答 (1)

  • Ethersky
  • ベストアンサー率71% (168/235)
回答No.1

どうやって動かしているのかと訊かれたら「JavaScriptです。」だけで終わるんですけど。 それだといじめなので。 出所は http://maximus.ravecore.com/ だそうですよ。

参考URL:
http://maximus.ravecore.com/

関連するQ&A

  • メニューバーもスクロールに合わせて動く仕組み

    Javascriptの方に質問を出したのですが、 回答していただけなかったのでこちらでも質問させてください(;_;) 左側に縦メニューのあるスタイルシートでレイアウトしたXHTMLのページを作成しています。 コンテンツでブラウザにスクロールバーがついたときに、メニューバーもスクロールに合わせて動く仕組みを JavaScriptでいれました。 <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 class="menu" id='obj1' style='position:absolute;left:auto; top:90px;'> <script type="text/javascript"> for(var i=0;i<100;i++){document.write('<br>')} </script> 動作はするのですが、限りなくスクロールするため、下のほうのメニューが 見えなくなってしまいます。 http://allabout.co.jp/internet/javascript/closeup/CU20010713/index.htmで 紹介されているものも挑戦したのですがなかなかうまくいきません。 上のメニューのような一定の場所の間を動かすようにしたいのですが、どう改善したらよいでしょうか?

    • ベストアンサー
    • HTML
  • メニューバーのお気に入りについて

    解決に至らないため再度質問します。 下記は前回のURLです。 http://tusinbo.okwave.jp/kotaeru.php3?q=3019620 補足 IE左側にはお気に入りはありXをクリックすると閉じます。 しかし、メニューバーのお気に入り(A)をクリックするとメニューバー「のお気に入り(A)」の下から左側から表示されるのと同じ様にHPが出ます。 元に戻したいのですが方法はありませんか よろしくお願いします。

  • メニューバーの色

    コントロールパネル→画面→デザイン→詳細設定 で、全ての色を自分の好きな色に変更したのですが、 上下のメニューバーとスクロールバーのところだけ何故か変わりません!! 詳細設定で設定してるときは変わるのですが、OKにして、デザイン、の画面に戻ると、上下メニューバーとスクロールバー以外だけ色がきちんと変更されていて、あとはそのままです 何故でしょう??どうしたら上下のメニューバーとスクロールバーの色も変更できますか? また、デスクトップやお気に入りのフォルダの色はどうやったらかえられますか 初心者なのでわかりやすいようにお願いします。。。。

  • メニューバーがおかしいです

    「ファイル」や「編集」、「表示」といったものが表示されているメニューバーですが、クリックすると通常、左側が揃ってその下にサブメニューが表示されますよね? ところが、私のパソコンでは右側が揃って表示されてしまいます。 さらにサブメニューの中でサブメニューがあるものでは、右側に追加で出てくるはずなのですが、これも左側にでてきていしまいます。 また、新たにアカウントを作成して確認してみたところ、通常通り表示されたので、何か設定でいじってしまったのだと思います。 どのように設定するればよいのかわかる方、教えていただけませんか?

  • iframeのスクロールバーをウインドウと一体化

    http://xappy.jp/ このサイトは外部サイトを iframe で開いているようです(ユーザー登録が必要なページで申し訳ないです)。 その iframe で開いているページのスクロールバーが、 普通のウインドウのスクロールバーと変わらない位置にあります。 自分の知識では、http://zumirin.cool.ne.jp/kowaza/iframe.htm のように iframe 内にスクロールバーを表示させる方法しか分かりません。 どうすれば同じように、iframe内のスクロールバーとウインドウのスクロールバーを一体化できるのでしょうか?

    • ベストアンサー
    • HTML
  • メニューバー

    HTMLでHPを作成しています。 いろいろなサイトなどのソースをみて、HPっぽくなったのですが、メニューバーだけがどうしてもうまくできません。 ソースを見ても、右にメニューバーと左にメインページといった感じで分かれていて どこでくっついて同じページ上にあるのかわかりません。 どうやってメニューバーを作ればいいか教えてください。

    • ベストアンサー
    • HTML
  • 小ウインドウのスクロールバー

    小さいウインドウを出してメニューを作ろうと思っています そこで、早速作ってみたところ、小さいウインドウにはスクロールバーがありませんでした 小ウインドウには、スクロールバーは表示できないのでしょうか? 表示させる方法がありましたら、教えて下さい ちなみに、小ウインドウは下記のようにしています <SCRIPT LANGUAGE="JavaScript"> <!-- function subopen(){ subwin=window.open("menu.html","subwindow","width=290,height=185") } function subclose(){ subwin=window.open("","subwindow","width=290,height=185") subwin.close() } // --> </SCRIPT>

  • メニューバー

    WindowsXPを使用していますが、 ウィンドウのメニューバーが画面の外になってしまったというか、 消えてしまいました。 どうしたら直りますか?

  • Macのメニューバーを折りたたみたい

    Macのメニューバーアイコンを、Windowsのタスクトレイのように折りたたむことができるようになるアプリはありませんか。たくさんのメニューバーアプリを入れているのですが、左のメニュー部分にまではみ出してしまい困っています。

    • ベストアンサー
    • Mac
  • メニューバーを消す方法

    別ウィンドウをサイズを指定して開く際に、メニューバーを消す方法です。 ただ、親ウィンドウにジャバスクリプトを埋め込むのではなく、子ウィンドウ(開かれるウィンドウ)にジャバスクリプトをつけて、メニューバーを消すと言う方法はありますのでしょうか?? すみませんが、知っている方教えてください。よろしくお願いします。

専門家に質問してみよう