layout - jQuery 動的レイアウト プラグイン

Question

jQuery MasonryとIsotopeプラグインの両方を試しましたが、希望するレイアウトを実現できないようです。

どちらのプラグインも、前の行の要素の高さに基づいて「次に利用可能なスペース」を計算するようです。例えば：

この例では、アイテム #6 は、#4 の高さが #2 の高さよりも小さいため、右端に移動します (移動したい場所)。

私が実現したいレイアウトは、左フローティング要素に似ています。

上記の 2 つのプラグインでこのレイアウトを実現するためのオプションはありますか、それとも別のプラグインを利用できますか?

Answer 1

2つの可能な解決策

• tasukによる実験的な石積み注文のスクリプトを試してみてください。Masonryのデフォルトの次善のスペースではなく、アイテムを左から右に進めるかどうかを制御するオプションがあります。

• Isotope用に独自のカスタムレイアウトモードを構築します。レイアウトモードは、組積造のバリエーションになります。次善のスペースを計算する代わりに、使用可能な列を左から右に進みます。