Garden仕事や趣味でHPやツールを作った際に詰まった問題の解決策など、なんとなく読んでおけば、将来に役立ちそうな情報を載せてます。基礎知識がない方でも直ぐにローカル環境で試せるように各デモのソース一式は全てダウンロード出来る様にしていますので気軽にご利用いただけます。>全デモのソース一式がダウンロード可能です。ソース一式はローカル環境ですぐに使える構成になっています。右上からのフェードインは難易度が高く放置してました。メニューを右上からフェードインさせるコードは下記の通りです。「ブラウザ画面の高さ」-「固定メニューの高さ」で計算しています。このコードで右上からのフェードインが出来ます。変更しているため、メニューを開いた後にブラウザの高さを変更すると、変なことになります。固定メニューが画面外に見えなくなったり、固定メニューが画面の真ん中に来たりします。その対策として、設定を元に戻す処理を含めたコードを普通に書くと次のようになります。menu_bottom_org});</script>しかし、残念ながら、このコードでは右下からのフェードインになりません。残りの処理(設定を元に戻す処理)が実行されるためです。animateの処理完了後に実行するようにしたものが次のコードになります。animateの引数には(animate処理終了後に実行する)コールバック関数を設定できます。menuボタンを一時無効にする処理も入れた方が良いかもしれません。まとめ上記ポイントをまとめると、下記のようなコードになります。スクロールを分かりやすくするために、番号と改行を入れています。スクロールを分かりやすくするために、番号と改行を入れています。