追従するフッターをcanvas領域の下まで下げたい。会社のブログログイン登録スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。追従するフッターをcanvas領域の下まで下げたい。142件0現状キャンバスに任意の画像をアップロードし、キャンバスに描画する機能を実装しています。下記リンク先で動作をご確認いただけます。demoキャンバスに画像を読み込むと、キャンバスとフッターがフェードインします。フッターはスクロールに追尾します。下までスクロールしても、フッターがキャンバスに被ってしまいます。縦長の画像を読み込んでいただくと、問題となっている状態が分かりやすいです。縦長の画像を用意したので、よろしければご使用ください。画像出典:pixabay解決したいこと、ご助力いただきたいこと一番下までスクロールした際、フッターがキャンバスに被らないようにしたいです。デバイスやディスプレイサイズを問わない方法で解決したいです。試したことCSSで#cnvAreaにpadding-bottomを設定すると、一番下までスクロールした際の、フッターとキャンバスの被りを回避できました。padding-bottomで設定した値は、ディスプレイのサイズによって必要な値が異なります。上記のdemoで言うと、Outputタブのみを表示した場合の大きいウインドウサイズでは被りを回避できましたが、HTML、CSS、JavaScriptタブを表示した場合の小さいウインドウサイズでは、被りを回避できませんでした。指定した場合、そのボックスはビューポートに対して固定されます[1]。プロパティの値は、ビューポートを基準とした相対的な高さを取ることになります。いう単位は、初期包含ブロックの高さの割合を取ります[2]。置き換えることが出来ることがわかります。プロパティを用いてフッターと同じ高さの余白を作ることが出来るようになり、ページ最下部にてフッターとキャンバスが重なる問題を解決することが出来ます。より動的にフッターの高さを取得し、それを余白の高さとして適用する方法が簡単です。|この質問に回答するには、ログインする必要があります。求めていた回答ではありませんか?javascripthtmlcssのタグが付いた他の質問を参照する。関連する質問0dropzone.js(ドラッグ&ドロップでのアップロード)が上手く動作しません。0HTML5canvasでpngデータを描画したいのですが、つまづいています。0<canvas>に動画をプレビュー表示したい0Canvasに描画できない領域ができてしまう1CanvasのsetTransformを使用する拡大縮小について0リセットボタンでcanvasに描いた線を消したい。0Canvasで色をランダム取得する際での疑問です。質問のフィードこのRSSフィードを購読するには、このURLをコピーしてRSSリーダーに貼り付けてください。従って情報を開示できることに同意したことになります。選択した項目のみ受け入れる。