Garden仕事や趣味でHPやツールを作った際に詰まった問題の解決策など、なんとなく読んでおけば、将来に役立ちそうな情報を載せてます。基礎知識がない方でも直ぐにローカル環境で試せるように各デモのソース一式は全てダウンロード出来る様にしていますので気軽にご利用いただけます。>全デモのソース一式がダウンロード可能です。ソース一式はローカル環境ですぐに使える構成になっています。メニューを選択できるように、メニューを固定表示したい。固定メニューは非表示にしたい。通常メニュー(ヘッダー側)が完全に見えない事の判定ヘッダー付近の通常メニューが完全に見えなくなるスクロール量は下記コードで取得できます。「ページ最上部から通常メニュー(ヘッダー付近)上辺までの距離」+「通常メニュー(ヘッダー付近)の高さ」です。よって、下記コードで判断できます。*/}});</script>通常メニュー(フッター側)が完全に見えない事の判定フッター付近の通常メニューが見え始めるスクロール量は下記コードで取得できます。「ページ最上部から通常メニュー(フッター付近)上辺までの距離」-「ブラウザ画面の高さ」です。よって、下記コードで判断できます。上述した内容から、ヘッダー・フッター付近にメニューが存在し、そのメニューが完全に見えない場合のみ、固定メニューを表示する処理は下記コードになります。まとめ上記ポイントをまとめると、下記のようなコードになります。スクロールを分かりやすくするために、番号と改行を入れています。スクロールを分かりやすくするために、番号と改行を入れています。