ページをスクロールした際、動きに合わせて上下移動する

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/11/18 23:39:08
  • 終了:--

回答(4件)

id:GEN111 No.1

GEN111回答回数472ベストアンサー獲得回数582004/11/12 00:13:06

ポイント20pt

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

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

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

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

id:pamu

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

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

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

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

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

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

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

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

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

2004/11/13 11:13:27
id:peugeot No.2

peugeot回答回数131ベストアンサー獲得回数52004/11/17 18:45:39

ポイント10pt

http://wdt.pekori.jp/

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

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

上記回答のサイト(

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

id:pamu

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

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

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

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

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

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

2004/11/17 19:00:05
id:amanoftaste No.3

amanoftaste回答回数42ベストアンサー獲得回数02004/11/21 22:38:14

ポイント20pt

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

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

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

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

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

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

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

というわけです。

http://hp.xrea.jp/

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

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

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

JavaとJavaScriptは違いますよ。

id:pamu

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

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

>JavaとJavaScriptは違いますよ。

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

2004/11/25 23:43:51
id:peugeot No.4

peugeot回答回数131ベストアンサー獲得回数52004/11/24 19:14:32

ポイント20pt

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

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

表示できたブラウザは

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

になります。

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

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

id:pamu

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

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

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

2004/11/25 23:49:23

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません