以下のサイトを参考にして基本部分は出来ました。
http://www.skuare.net/2009/04/jquerylive_floating_menu.html
この場合は表示位置の固定ですが、マウスを動かす度にメニューも動いていくので、メニューが縦長の場合、全ての内容が表示されません。
希望とする要件は、「ページ下にスクロールしてサイドメニューが見えなくなった時に、メニューが表示位置に移動される」という物を作りたいと思います。参考となるサイトやライブラリなどがありましたら、教えて下さい。
(上記サンプルに追記するだけで良い場合は、そのコーディング方法を教えて下さい)
コメント(5件)
はたしてそれが本当に便利だろうか検討する必要があります。
-長ったらしいメニューなんて使いたいでしょうか。
-メニューが見えなくなって、一番上のメニューを押したくなった場合にまたスクロールさせるつもりですか。何のためにメニューを追従させるのですか。
回答拒否されて悲しいです。
出来ましたよ!右下のやつをスクロールしてみてください。
scrollTopメソッドはjQuery本体に1.2.6から実装されたのでそれ以降を使うのであればjquery.dimensions.jsは不要です。