高さを揃える事ができるレスポンシブ対応のjQueryプラグイン「matchHeight」!

2015/07/15

こんにちは。
今回は高さを揃える事ができるレスポンシブ対応のjQueryプラグイン「matchHeight」!です。

最近、高さを揃えるのにこちらのプラグインを使わせてもらっているので紹介したいと思います。
使い方も簡単でレスポンシブにも対応しているので大変便利です。

高さを揃える事ができるレスポンシブ対応のjQueryプラグイン「matchHeight」!

matchHeight

jquery-plugin-height

 

jQueryプラグイン「matchHeight」をダウンロードしてみよう!

jquery.matchHeight.js on GitHubにアクセスして「Download ZIP」のボタンをクリックして、ファイルをダウンロードします。

 

jQueryプラグイン「matchHeight」の使い方

jQuery本体とjquery.matchHeight-min.jsをhead内に読み込みます。

 

その下に下記のスクリプトを記述します。

 

html部分を記述します。
高さを揃えたいボックスに同じクラスを記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。とても便利なプラグインですね!
以上で高さを揃える事ができるレスポンシブ対応のjQueryプラグイン「matchHeight」!でした。

topへ戻る