ページには、ナビゲーション用のサイドバーとコンテンツ用のメイン列の 2 つの列があります。サイドバーは 200px に固定されており、メインの列は流動的で、ウィンドウに合わせてサイズ変更したいと考えています。これに加えて、メイン列にいくつかの行があり、そのうちの 1 つはフッターです。
ウィンドウの高さがすべての行のサイズよりも大きい場合、フッターが画面の下部に固定され、サイズが変更された場合、またはウィンドウの高さよりも小さく開始された場合、その位置がドキュメント内で静的であること。
私はこれをすべて機能させています。問題は、ウィンドウのサイズを変更すると、ウィンドウを1つおきに(垂直または水平に関係なく)小さくした場合のみです。
$(window).width();
スクロールバーが1つなくてもあると想定し、そこに15pxの空白を作成するだけです。
編集:
ファントム スクロールバーの問題は解決しましたが、ウィンドウのサイズを小さくするとドキュメントの高さが大きくなるという新しい問題が発生しました。こちらのコード サンプルをご覧ください: http://jsfiddle.net/chasen/kmHj2/1/