jQueryでサイドメニューが画面から消えると表示する(見える位置にスクロールされる)物を作ろうとしています。


以下のサイトを参考にして基本部分は出来ました。
http://www.skuare.net/2009/04/jquerylive_floating_menu.html

この場合は表示位置の固定ですが、マウスを動かす度にメニューも動いていくので、メニューが縦長の場合、全ての内容が表示されません。

希望とする要件は、「ページ下にスクロールしてサイドメニューが見えなくなった時に、メニューが表示位置に移動される」という物を作りたいと思います。参考となるサイトやライブラリなどがありましたら、教えて下さい。
(上記サンプルに追記するだけで良い場合は、そのコーディング方法を教えて下さい)

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2010/03/08 15:00:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答0件)

回答はまだありません

  • id:Cherenkov
    >「ページ下にスクロールしてサイドメニューが見えなくなった時に、メニューが表示位置に移動される」
    はたしてそれが本当に便利だろうか検討する必要があります。
    -長ったらしいメニューなんて使いたいでしょうか。
    -メニューが見えなくなって、一番上のメニューを押したくなった場合にまたスクロールさせるつもりですか。何のためにメニューを追従させるのですか。
  • id:kt26
    UIの利便性はともかく、「出来るか否かの相談」をしたいので質問しています。
  • id:Cherenkov
    出来ないわけがないですし、使う人の気持ちを考えてコメントしました。
    回答拒否されて悲しいです。
  • id:Cherenkov
    http://jsfiddle.net/gXfYE/
    出来ましたよ!右下のやつをスクロールしてみてください。
  • id:Cherenkov
    冷静に考えたらノートPCなど高さがない場合は有用ですね。ちょっと言い過ぎました。
    scrollTopメソッドはjQuery本体に1.2.6から実装されたのでそれ以降を使うのであればjquery.dimensions.jsは不要です。

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

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

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

回答リクエストを送信したユーザーはいません