Saját oldal görgetési effektusainak létrehozása a Roll.js használatával
Az interneten több tucat görgető könyvtár található. A legtöbb JavaScript-ben van írva, és saját hatásuk van az egyoldalas elrendezésekre, az animációkra és a lapozásra..
De mi a helyzet saját görgetési hatásait kódolja? Vagy mi van, ha csak egy egyszerű módja annak, hogy nyomon követhessük, milyen messze van a felhasználó a lapozott lapon?
A Roll.js a keresett könyvtár. Ez nyílt forráskódú szkript őrült kis és szuper könnyen használható. Ezt a JavaScriptet néhány sorral is meg lehet dolgozni. És ami a legjobb az, hogy nem kényszerít arra, hogy semmit konkrétan végezzen, hanem inkább megadja az eszközöket saját egyéni görgetési funkciók létrehozásához.
Ennek a könyvtárnak az a célja, hogy segítse a fejlesztőket a görgetési effektusok nagy erőfeszítés nélkül történő strukturálásában.
Ha megnézed a GitHub fő repóját, akkor egy egész telepítési útmutatót találsz néhány példa részletével. tudsz futtassa a függvényeket, hogy felhívja a felhasználó görgetését, vagy másra “üvegtáblák” az oldalon.
Ezek a legjobbak az egyoldalas elrendezéseknél, de a Roll.js-ot annyira használhatja.
Egy függvényhívással minden egyes görgetéssel húzhat adatokat, amelyek a következőket tartalmazzák:
- Összes oldallépés (ha van).
- Összesen% lapozott lap.
- Aktuális pozíció az oldalon pixelben.
- Teljes nézetablak-magasság az eszköz mérete alapján.
Ez ugyancsak működik olyan ugrási hivatkozásokkal, amelyek a felhasználók bizonyos részeit lefelé (vagy felfelé) viszik.
De ezek a funkciók sok könyvtárban is megtalálhatók. Mi teszi a Roll.js-ot ilyen különlegesnek?
Ennek egy része a szintaxis, de a nagy eladó itt a teljes könyvtárméret 8KB minigálva. Ez elég kicsi az ilyen részletes görgető könyvtár számára!
Láthatjuk, hogy ez hogyan működik a fő demóoldalon, és azt is megteheti töltse le a Roll.js forráskódját, hogy magadba ássa ezeket a demókat.
Az élő demóktól és a nyers könyvtárfájloktól mindent el lehet húzni a GitHub-ról, és nagyon könnyű dolgozni.
De ha bármilyen kérdése, javaslata van, vagy meg szeretné osztani a köszönetet a félelmetes könyvtárért, akkor üzenetet küldhet a @williamngan alkotónak.
