0

作業中のサイトの応答性の問題を修正しようとして頭がおかしくなりましたが、ここでも他の場所でも解決策が見つかりません。主な問題は固定フッターです。サイトのランディング ページには、ヘッダー、メイン領域、フッターがあります (矢印をクリックするとページが展開されますが、それは関係ありません)。

固定配置を使用してページの下部にフッターを追加しました。画面幅が 1024px を超える場合、ヘッダー、メイン、フッターの幅は 100% です。1024px 未満では、ヘッダーとフッターの幅が静的になります (静的な幅は 1024 です)。

問題は、画面の右側でフッターがはみ出すポイントが発生することです (幅が固定されるため)。右にスクロールしてヘッダーの残りのメニューを表示できますが、フッターは右にスクロールしません。むしろ、通常そこにあるすべてのものを遮断するだけです。

ここに関連するコードを使用して Codepen で問題を再現しようとしました: http://cdpn.io/iCJctが、Web サイトと同じように動作しません (ここにあります: http://dev.longviewsources.com/)。

ご協力ありがとうございました!

4

1 に答える 1

0

問題は、フッターがposition: fixedコンテンツではなくブラウザー ウィンドウに対して固定されているため、ユーザーがスクロールするとフッターが移動し、ユーザーには表示されないことです。を使用position: absolute;して、より制御しやすい本体に対する位置に要素を固定できます。そこから、本体の高さを 100% にして、overflow: scroll;

私はデモンストレーションのためにフィドルを作りました: http://jsfiddle.net/jaredkhan/ywrx2/2/

于 2013-08-22T00:22:05.267 に答える