npm

Bring the best of OSS JavaScript development to your projects with npm Orgs - private packages & team management tools.Learn more »

heightline

1.0.2 • Public • Published

jquery.heightLine.js

heightLine.jsのjQuery/レスポンシブWebデザイン対応版

高さを揃えたい要素をセレクタで指定して実行

$(".box0>div").heightLine();

ウィンドウ幅640px以下の場合のみ高さを揃えたい場合はmaxWidthオプションを指定

$(".box1>div").heightLine({
    maxWidth:640
});

ウィンドウ幅640px以上の場合のみ高さを揃えたい場合はminWidthオプションを指定

$(".box2>div").heightLine({
    minWidth:640
});

ウィンドウ幅500px以上、700px以下の場合のみ高さを揃えたい場合はminWidthオプションとmaxWidthオプションの両方を指定

$(".box3>div").heightLine({
    maxWidth:700,
    minWidth:500
});

fontSizeCheckオプションを指定するとフォントサイズが変更された際も高さを再設定します。

$(".box4>div").heightLine({
    fontSizeCheck:true
});

設定されたheightLineを取り除きたい場合はdestroyメソッドを利用します。

$(".box0>div").heightLine("destroy");

コンテンツの内部が変更された場合などはrefreshメソッドで再度高さの設定が可能です。

$(".box0>div").heightLine("refresh");

プロジェクトページ

install

npm i heightline

Downloadsweekly downloads

45

version

1.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability