人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ページをスクロールした際、動きに合わせて上下移動する
メニューを作りたいのですが、これをFlashではなく
Java scriptでやる方法を【詳しく】教えてくれているサイトを
ご回答願います。ソースを公開している所はいくつか
見つけたんですが、ちょっとそれだけだとハードルが高いので。
Java初心者にも判るものが嬉しいです。以下以外をお願いします。
http://mugi.cc/muginavi/mnscroll.htm
http://www.mdn.co.jp/Books/Support/WDkaiketu/chapter2/Vol18/6/
あるいは、これではない、縦長のページでメニューを
フレームを使わずに上手く見せる方法がありましたら、
そちらでもかまいませんので御教えください。
ただ、メニューを下の方にもつけるというのは無しでお願いします。

●質問者: pamu
●カテゴリ:コンピュータ 学習・教育
✍キーワード:FLASH Java SCRIPT サイト スクロール
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● GEN111
●20ポイント

http://himajin.moo.jp/menu/menu3.html

メニューを固定

スタイルシートを利用する方法もあります。

これなら、JavaScriptのように動かしたときにがたついたりしません。

……が、Windows の IE では未対応なのです。

上記のサイトはスタイルシートとJavaScriptの両方を使った方法。

◎質問者からの返答

ご回答有難うございます。

かなり良いカンジですね。

スタイルシートの方も「IE専用ですので」とあって、

私もIEですがきちんと表示されていますです。

JavaScriptの方だとどんなユーザーでもOKなんでしょうかね。

という事で、こちらの質問で動作確認して頂いていますが

http://www.hatena.ne.jp/1100225975

残念ながら最新ブラウザ以外では不具合起こす仕様のようですね…_| ̄|○

他に、説明の細かいサイトがありましたらお願いします。


2 ● peugeot
●10ポイント

http://wdt.pekori.jp/

Webデザインテンプレート集

スタイルシートなら特にIE固有のパラメータを使用しなくても固定のメニューを実現できると思います。

上記回答のサイト(

http://himajin.moo.jp/menu/menu3.html

メニューを固定

)でもIE6/Mozila firefox 1.0/Netscape7.1/Opera7.5全てで正しく表示されます。

◎質問者からの返答

ご回答有難うございます。

ですが、はって頂いたURLのどのページに固定メニューがあるのか判りません。

改めてそのページを教えていただけますか。

IEにこだわってはいませんが(というかむしろ逆)、

最新ブラウザ以外で不具合をおこされるのはNGです。

後、説明の「詳しい」サイト希望なんですが…


3 ● amanoftaste
●20ポイント

http://hp.xrea.jp/m/s/36.html

こーゆーのも、ありかもしれませんよ。

スクリプト自体も簡単なものです。

簡単にスクリプトの説明をすると、

「m」という名の「div」要素が

表示されていない(hidden)ときに、

右クリック(oncontextmenu)すると表示し、

表示されている(visible)ときに、クリック(onclick)すれば隠す、

というわけです。

http://hp.xrea.jp/

1 - VALUE DOMAIN:バリュードメイン

以上、「HTML小技集」からでした。

http://tohoho.wakusei.ne.jp/js/what.htm#Java

>Java初心者にも判るものが嬉しいです。

JavaとJavaScriptは違いますよ。

◎質問者からの返答

ご回答有難うございます。

面白いですこれ。どの環境でも表示大丈夫かどうか、後ほどテスト質問してみます。

>JavaとJavaScriptは違いますよ。

知ってたんですけどうっかりしてました。


4 ● peugeot
●20ポイント

http://d.hatena.ne.jp/peugeot/

peugeotの日記

回答2の者です。説明不足だったため追記します。

サンプルを書きました。公開するところが無いため日記に書きました。

表示できたブラウザは

IE6, Opera7.54, Firefox1.0, Netscape7.1

になります。

簡単に説明するとページ全体はスクロールなしで指定して、メニュー以外をスクロールするように指定しています。

http://tohoho.wakusei.ne.jp/css/index.htm

スタイルシートの解説はいつもここを見ています。

◎質問者からの返答

ご回答有難うございます。

わざわざ作って頂いて感謝します。後ほど動作確認質問してみますね。

皆様どうも有難うございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ