コンテンツがビューポートよりも長くない場合は、div を拡張してギャップを埋め、ヘッダーを画面外に表示できるようにする必要があります。もう少し詳しく説明します。
私はサイトxを持っています。それはメニューとコンテンツを含むヘッダーです-すべてスクロールします-下部に固定divがあります-高さ25pxなので、30pxのコンテンツの下部にdivを追加しました-これにより、下部が許可されます-一番下までスクロールすると、ほとんどのコンテンツが表示されます
すべてのページには、ブックマークを介して #sectionB - メニューへの javascript リダイレクトがあります - そのため、高さ約 300 ピクセルのヘッダー バナーを非表示にします - ほとんどのページでは、これはコンテンツがまだビューポートからオーバーフローしていることを意味します - 1 つまたは 2 つのページでは、コンテンツが十分に長くないため、ブックマーク リダイレクトは、ヘッダー バナーの 200 または 100 ピクセルのみをカバーする場合があります
明らかな修正は、一番下の div を大きくすることですが、これにより、大部分のページできれいな効果が失われます
http://www.tpfwales.com/preview/home.html#sectionB は長いページです
http://www.tpfwales.com/preview/info.html#sectionBは問題のあるページです
javascript を取得してビューポートのサイズを調べ、それをコンテンツのサイズと比較し、コンテンツのサイズがビューポートのサイズよりも小さい場合は、コンテンツの下部にある div - cbase - の値を 30px から変更する方法はありますか?残りのスペースにヘッダー バナーの高さを加えた値まで
問題の説明で少し混乱して申し訳ありません。
したがって、ヘッダー、メニュー、サブメニュー、コンテンツ、チェイスがあります。これらはすべてスクロールでき、フッターは下部に永久に固定されます。メニューダウンからのコンテンツがビューポートより長い場合、30px の cbase が最適です。可能であれば、これはページが調整されるときに調整されます。