【Jquery】レスポンシブ対応の行の要素の高さを揃えるプラグイン「matchHeight」

ボックスデザインなど、行毎にボックスの高さを揃えたい場合があると思います。
以前までは、1行に揃える要素数を指定するプラグインを使用させて貰っていましたが、
今回、レスポンシブサイトに対応したプラグインを使ったので、メモしておきます。

その名は、「matchHeight」です。

プラグイン配布サイト「matchHeight」
プラグイン配布サイト「matchHeight」のデモページ

使い方

jqueryとプラグインを読み込み、以下のように設定するだけです。

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.matchHeight-min.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('高さを揃えたい要素').matchHeight();
	});
</script>

今後の高さを揃えるプラグインの定番になりそうです♪
素敵なプラグインをありがとうございます!

コメント

タイトルとURLをコピーしました