Ehhez a szkripthez hozzon létre reagálható rendezhető rácselrendezéseket

Egyéni rácsok a legnehezebb funkciók a semmiből. Rengeteg falazati rácsos plugint találhatsz, de ők mindegyiknek saját korlátai és követelményei vannak.

A Muuri forgatókönyv erős alternatíva mindenkinek, akinek szüksége van rendezhető és érzékeny rácselemek érintéssel.

Ez épült Velocity.js az animációkhoz, együtt a Hammer.js könyvtár mobil érintés kezelésére. Muuri nem jQuery szükséges, így ez az egyik kevés vanilla JavaScript plugin a hálózati interfészekhez.

A fő projektoldalon a szép rács demo minden funkcióval. Animációs hatások, húzás és csepp támogatás és különböző méretű különböző rácselemek. Ez a bemutató bemutatja, hogy mennyire van a Muuri-rácsos vezérlés.

Választhatsz mely elemeket kell megjeleníteni, osztályok (azaz szűrés) alapján hogyan szeretné kitölteni az üres tereket.

A falazó rácsok gyakran üres helyeket hagynak, mert a A rácselemek nem mindig tökéletesen illeszkednek egymáshoz. Ez nagyon jellemző a nagyobb weboldalakra, például a Pinterestre. Habár lehet húzható rácselemek hozzáadása a felhasználó által vezérelt felületen.

Gondol róla szociális profilok widgetizált elrendezésekkel és hogyan működnének. Vagy gondolj egyéni feladatlisták, amelyek progresszív webes alkalmazásokként futnak a JavaScript. Van egy nagyszerű bemutató erről a Muuri oldalon, amely bemutatja a minta teendők listáját, és hogyan működhet PWA-ként a mobilon.

Ahhoz, hogy elkezdj, csak magában foglalja a JavaScript összes függőségét a Muuri szkriptekkel együtt. Meghúzhatja őket npm-en keresztül, vagy megragadhat egy példányt a GitHub repóból.

Aztán te hozzon létre egy konténerrács elemet és célozzuk, hogy a Muuri () eljárás. Ez mind nagyon egyszerű és különösen könnyen használható a kódrészletek másolásával a GitHub repóból.

Val vel minden modern böngésző (IE9 +) és egy érintőképernyős felület teljes támogatása, ez a bővítmény az egyik legmegfelelőbb a húzó és csepp rács funkciókhoz.

Tudjon meg többet a Muuri kezdőlapján és az élő demókkal való böngészéssel. Ez egy nagyszerű rendszer dinamikus rácsokhoz és ez még mindig aktívan fejlődik, így bízhatsz abban, hogy ez a bővítmény a hosszú távú lesz.