折りたたまれたアコーディオン セグメントの高さを制限する Bootstrap 5 Vue3

Question

Vue3 と bootstrap 5 を使用して Web アプリケーションを構築しています。しかし、この質問はブートストラップのみに関するものだと思います。私がやりたいのは、コンテンツが長いときに他のセグメントが低くなりすぎないように、折りたたまれたアコーディオンセグメントの高さを制限することです。

私が試したのは、max-height と Overflow: auto をクラス .collapseing に追加することであり、アコーディオンのクラスに「collapseing」を追加しましたが、アコーディオンはその高さまでスクロールし、1 秒後にジャンプして完全に展開します。 node_modules ブートストラップ フォルダーで、_accordion.scss を確認し、「overflow-anchor」を auto に変更しましたが、何も変わりませんでした。

リーリー

このサンプル ファイルでは、ブートストラップ (「Flush」の下) からアコーディオンの例を取り出しただけなので、vue ファイルは次のようになります:

リーリー ＃＃＃何か案は？ありがとう＃＃＃

Answer 1

＃＃＃それを見つけた！ アコーディオン本体にクラスを入れる必要があります。 したがって、最初にクラスを定義します。たとえば、

リーリー

次に、アコーディオン本体と同じ括弧内で呼び出します