1

スティッキーフッターと同じ効果を達成しようとしていますが、ここで尋ねられるチュートリアルや質問には表示されない問題があります。フッターの高さも動的です。

フッターにいくつかのニュース項目があるので、それらのニュース項目の長さに応じてフッターの高さが変わります。明らかに、コンテンツの高さがブラウザーのビューポートよりも小さい場合はフッターをページの下部に絶対配置し、高さが実際のビューポートよりも高い場合はコンテンツに対して相対的に配置する必要があります。

現在、私はこれを jQuery でうまく実装していますが、ブラウザーで JavaScript を無効にしているユーザーもいるため、CSS のみのメソッド (もしあれば) が欲しいです。

どうもありがとうございました！

編集：

私のコードはほとんど普通です:タグに<header>、<aside>、 、<section>および があります。jQuery では、これらの要素 (フッターを除く) の高さの合計をブラウザーのビューポートとほぼ比較します。値が大きい場合はフッターに a を追加し、そうでない場合は a をフッターに追加します。<footer><body>position:relativeposition:absolute; bottom:0

4

1 に答える 1

1

CSSはを使用してその一部を実行できますが、bottom:0; position:fixed;これはIE6およびおそらく7ではサポートされていません。すべてのユーザーが同様のエクスペリエンスを利用できるように、CSSメソッドをjQueryソリューションと組み合わせて使用​​することをお勧めします。

于 2011-03-01T13:50:35.027 に答える