CommentsPosted2011-12-13jQueryを使って短いコードで実装できる、スクロールしてもサイドにアニメーションをつけて固定するサイドメニューのチュートリアルが公開されていましたので、参考にサンプルを作ってみました。参考:公開されているデモのファイルもダウンロードできます。細かいコードはチュートリアルページにありますのでご参照下さい。ついてくるようにしたいサイドのdivに対してposition:absoluteで配置します。ヘッド内でjQueryを読み込みます。続けて下記のコードを記入します。“#floatMenu”の部分には固定したいサイドの要素を指定します。“duration:900′′でサイドメニューが降りてくるスピードを変更できます。作ったサンプルデモ使ってみたdemoです。シンプルにアニメーションをつけて固定できるので使いやすいですね。使ってみたdemoのフローティング部分のhtmlとcssは下記です。Box</h2>(略。CommentコメントをキャンセルEmailは公開されません。*Website↑AuthorSaoriホームページを作っています。犬とインターネットが好きです。愛犬はダックスフンド。内容を確認後チェックして送信Socialブログ更新のお知らせとWeb制作に関する情報を更新しています。