12

この質問で説明されているとおり、Twitter Bootstrap の折りたたみコンポーネントを使用して高さ 100% のアコーディオンを実装しようとしています。

この回答.accordion-innerで説明されているように、要素の高さを手動で設定しています。

ただし、パネルを展開/折りたたむときに「跳ねる」動作が発生します。.accordion-innerその可能性を排除するために、要素からすべてのパディング/マージン/ボーダーを削除しました。

これは IE10 で最も顕著ですが、問題は Chrome でも明らかです。

この例を参照してください。

この「ぎくしゃくした」動作の原因は何ですか?

4

4 に答える 4

0

HTML:

<td><a data-toggle="collapse" href="#text1" aria-expanded="false" aria-controls="#text1"</a>
<div class="collapse" id="text1" aria-expanded="true" style="padding-top:5px"><img src="..."></div>

CSS:

 .collapse.in{
    padding-bottom:5px;
 }
于 2015-05-02T18:33:35.880 に答える
0

私は、アコーディオンが実際に表示されているコンテンツよりもはるかに大きな高さに展開し、実際に表示されているコンテンツの高さに折りたたむ (ジャンプする) という奇妙な動作をしていました。

そのパネルの私のアコーディオン本体には、いくつかの空のhtml要素がありました。私の場合は、クラスがいくつかあり、中にはdivs何col-sm-4もありませんでした。それらをコメントアウトすると、このジャンプ動作が停止しました。これが同様の問題を抱えている人に役立つことを願っています。

于 2016-05-23T14:53:41.550 に答える