0

わかりました、私は奇妙な状況にあります。

サイトで、フッターがサイドナビゲーションと重ならないようにする機能を追加するように依頼されました。これは、解像度が小さい場合に発生することがあります(ただし、メディアクエリを変更するほど小さくはありません)。

そこで、jQuery要素の衝突検出を試しましたが、固定位置の要素では不可能のようです。だから今、私はドキュメントの高さ、フッターの高さ、ナビゲーションの高さを取得する方法があるかもしれないと考えています。.scroll()(または.scrollTo()、わかりません)を使用してドキュメント内のどこにいるかを検出し、フッターの上部がナビゲーションの下部に達したら、ナビゲーションの位置を変更します。

しかし今、私はこれを実際にコーディングする方法に固執しています:D

では、jQueryで高さを比較し、これに基づいてドキュメント内のどこにいるかを計算するにはどうすればよいですか?

残念ながら、サイトのレイアウトをあまり編集することはできません。

これが私のフィドルです。

そして、これがライブサイトです(解像度を変更して下にスクロールすると、オーバーラップが表示されます)。

ありがとう。

4

2 に答える 2

1

はい、どうぞ!作業スクリプト非常に簡単です。ただし、このアイデアは、フッターに絶対位置があり、メニューが固定されている場合にのみ機能します。

于 2012-08-17T10:28:29.050 に答える
0

たぶん、このような何かが出発点になるかもしれません:http: //ryanfait.com/sticky-footer/ それはただのhtmlとcssです。

于 2012-08-17T10:15:34.370 に答える