1

シンプルなコンテンツスライダーを開発しています。ただし、新しいコンテンツがスライドインしてもコンテナーは拡張されません。これは、コンテンツ項目の位置が絶対に設定されているためだと思います。ただし、それらが完全に配置されていないと、コンテンツ アイテムは適切に整列しません。

したがって、私の質問は次のとおりです。次のコンテンツ アイテムがスライドインするときにコンテナ (#triv_cont) を拡張するにはどうすればよいですか? 解決策がコンテンツ項目を絶対に配置しないことである場合、どうすればコンテンツ項目を整列させることができますか? vertical-align:top を試してみましたが、うまくいきませんでした。

テストコードはこちら -> http://codepen.io/lukeocom/pen/mHyBv

コンテンツ アイテムの CSS セレクターは次のとおりです。

#promos .trivia #triv_cont div

コンテナは次のとおりです。

#promos .trivia #triv_cont

これに関するいくつかの質問を確認しましたが、解決策が見つからないようです...

4

1 に答える 1

0

次のボタンが押されたときにコンテナの高さを次のコンテンツ項目の高さに設定することで、この問題を解決しました。

thisHeight = $('#' + selx).height() + 20;

その後

$('#triv_cont').animate({height: (thisHeight + 'px')}, 1000, 'swing');

簡単...

于 2013-01-30T03:45:03.010 に答える