Princip fungovania Masonry / Isotope rubrika: Programování: JavaScript

7 xxar3s
položil/-a 26.1.2017
 
upravil/-a 26.1.2017

Mam jednu stranku kde su prispevky zoradene do mriezky pomocou Masonry teda je to kombinacia Reactu a Masonry, rozmyslam ze to Masonry dam uplne prec a napisem si vlastnu light-weight implementaciu takejto mriezky, nakolko tam chcem pridat aj dalsie featury ako lazy loading obrazkov a infinite scroll a chcem to mat postavene nad reactom (v reacte nic take nie je ak nepocvitam ReactMasonry co je ale len skaredy wrapper nad masonry). Len si nie som isty podla akych pravidiel tie polozky uklada do mriezky:

Ja to chapem tak ze zoberie rad radom obrazky a vklada ich do riadku, ked vyplni prvy riadok tak hlada najvyssie nevyplnene miesto ak je takychto miest viac tak uprednostni lavu stranu. Chapem to spravne? A samozrejme sa to uklada pekne animovane.

odkaz
4 VirtualSkiper
odpověděl/-a 2.2.2017

Hele nez se pustis do psani nejake knihovny, vsechny browsery ted uz umi Flexbox, ktery dela totez co Mansory/Isotope s tim rozdilem, ze to pocita primo jadro a nic co napises nebude nikdy rychlejsi. (asi?) Jedine co to primo z krabice neumi jsou ty animace, ale je asi jednoduzsi/levnejsi ty objekty odchytit a odanimovat, nez znovu ucit browser to, co uz davno umi. https://codepen.io/osublake/pen/dMLQJr?editors=1010

Pro zobrazení všech 2 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.