Ang paggamit ng isang simpleng CSS lumulutang system, Waterfall gumagalaw elemento mula sa isang hanay ng grid sa isa pa, sa tuwing ang laki ng screen ay hindi maaaring magkasya ang lahat ng mga elemento nang pahalang.
Diskarte na ito ay nagbibigay ng isang impression ng isang likido layout, habang din maximize ang paggamit ng whitespace sa isang pahina.
Hindi tulad ng classically kaliwang floated elemento, Waterfall Inaayos ang gaps na maaaring lumitaw sa pagitan ng mga elemento, na umaangkop sa bawat tile sa ang perpektong posisyon sa ilalim ng isa sa itaas.
layout na ito ay ginawa bantog sa pamamagitan ng plugin tulad ng Masonry at sa kasalukuyan ay malawakang ginagamit sa buong Web salamat sa mga site tulad ng Pinterest.
. Maramihang mga demo ay kasama sa Waterfall download package
Kinakailangan
- JavaScript pinagana sa client side
- jQuery 1.6.1 o mas mataas
- Handlebars
Mga Komento hindi natagpuan