• 締切済み

WEBページでスクロールしても見出しを固定させたい

WindowsXP Dreamweaver8でWEBページを作成しています。 そこで、ページをスクロールしても左部分の見出しがくっついてくるような設定をしたいと思っています。 http://www.seagaia.co.jp/japanese/rcmd/ ↑この見出しのような たぶんJavascriptかな?と思って検索してみるのですが、なかなか、方法が見つかりません。 簡単につけられるものなのでしょうか? ご存知の方教えてください。

みんなの回答

  • umota
  • ベストアンサー率46% (150/324)
回答No.2

そのページのソース(html,css,javascript)を見れば良いのでは? でも、ウインドウを小さくするとメニューの上が欠けたりして変ですね。 私は JavaScript で以下のように実装しています。 ・スクロールイベントで処理(タイマーにくらべて動きがなめらか) ・ブラウザの違いを考慮(InternetExploeer, Firefox) ・メニューはウインドウサイズに合わせて高さを調整 ・メニューが多いのでスクロールバーを付けている。 # JavaScript 関係の本を 4冊位読んで悩みましたが # 一度 雛型を作ればあとは楽です。

kyounotenk
質問者

お礼

ありがとうございました。なんとか解決しました。

回答No.1

window.scrollTopでスクロールされた分のピクセル値を取得して、 htmlのスクロールさせる見出しのポジションのTopからの位置に 足してあげればできるのではないでしょうか。 ソースで記述すると長くなるので説明だけにしてしまいました。 参考程度にお考え下さい。

kyounotenk
質問者

お礼

ありがとうございました。自分なりに試してみてできました。CSSで見出しをposition:fixedにし、IE6ではfixedが正常に作動しないのでfixed.jsを設置したら、作動しました。

関連するQ&A

専門家に質問してみよう