【Bootstrap・JS】カルーセルで高さを合わせる
作成日:
2019年12月2日
Bootstrapのカルーセル(フェードイン)実行時に、それぞれのスライドの高さがまばらだと、フェードトランジション終わってから高さが付くので前のスライドの高さに依存する。
なのでJSに
JavaScript jQuery
$('.carousel').on('slide.bs.carousel', function(e){
var next = $(e.relatedTarget);
var h = next.height();
$(this).find('.carousel-inner').height(h);
});

物草 灸太郎
WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。
関連投稿
Loading...
コメントをどうぞ