waterfall.js

div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。 左のサイドバーは適用なし、右だけレンガ状にできます。 waterfall waterfall -GitHub そういえば最近、デモにzeptoの方を使ってるプラグインが増えてきましたね。 waterfallのデモ waterfallの使い方 waterfallのデモ スクリプトのページ自体がデモになっています。 まずは、デスクトップサイズでの表示。 デモページ、幅780pxで表示 カラムの数はカラムの幅の最小値を設定することで、自動で表示されます。 ページ内の適用範囲も指定できるので、左のサイドバーはそのままの表示です。 waterfallの使い方 使い方は簡単です。 HTMLがあれば、数行加えるだけで完了です。 Step 1: 外部ファイル waterfallはj

[sugarshin]

from コリス http://coliss.com

[kijtra]

超軽量つってもZepto.jsが必要だからなあ・・・

[warriorking]

(JS)高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall | コリス

[ko-ya-ma]

簡単に使える

[bleu-bleut]

高さの低いカラム順に並んでないとことそうでないとこがあって、どうやって並び順を決めてるのか不明。

[typista]

高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall

[nors]

http://dfcreative.github.io/projects/waterfall/ https://github.com/dfcreative/jquery.waterfall

[toaruR]

IEは10以降か(ノ∀`)

[Donca]

✔ [JS]高さの異なるパネルをレンガ状に配置する機能最小限・実用性重視の超軽量スクリプト -waterfall

[OfficeRiverHead]

div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。 左のサイドバーは適用なし、右だけレンガ状にできます。 waterfallwaterfall -GitHub そういえば最近、デモにz