0

正常に動作する全画面スライドショーの下にコンテンツを表示しようとしています。下にスクロールしたときにのみ、残りのコンテンツが表示されます。そのため、ロード時にスライドショーの高さと幅は 100% のままである必要があります。

ブラウザの高さ(jsで検出)と同じサイズのマージントップを入れて、スライドショーの位置を絶対に入れてみましたがうまくいきませんでした...

これについてあなたの考えを聞きたいです、どうもありがとう!

例: http://www.fabrikgrafik.be/slider/ (スライドショーの機能を失うことなく、スライドショーの下にある赤いコンテンツ div を取得しようとしています)

4

2 に答える 2

1

それは本当に簡単です。次の 2 行の jQuery を追加することを除いて、1 分前のものから何も変更しないでください。

// made edit to hide content till slideshow is rdy
$("#content-wrapper").css("margin-top", $("#supersized").height()).show();
$(window).resize(function(e) { $("#content-wrapper").css("margin-top", $("#supersized").height()); });

更新されたjsFiddle

また、次の CSS を変更することもできます。

#controls-wrapper { display: none; position: absolute; } /* from fixed */
于 2012-11-11T22:29:11.100 に答える
0

私はそれを理解しました....cssスタイル

 #redDivId {position:absolute; top:100%;}

このフィドルをチェックしてください

于 2012-11-11T22:16:20.600 に答える