Vytvořte si vlastní stránku Rolování efekty s Roll.js
Po celém webu můžete najít desítky rolovacích knihoven. Většina z nich je napsána v jazyce JavaScript a má své vlastní efekty, které můžete restrukturalizovat pro jednotlivá rozvržení stránek, animace na obrazovce a mnohem více.
Ale co kódování vlastních efektů posouvání? Nebo co když chcete jen jednoduchý způsob, jak sledovat stránku, kterou uživatel posunul?
Roll.js je knihovna, kterou hledáte. Tento open source skript je šílený malý a super snadno použitelný. Můžete si to pracovat s několika řádky JavaScriptu. A co je nejlepší ze všeho, neznamená to, že byste měli provádět něco konkrétního, ale spíše vám dává nástroje vytvořit vlastní funkce pro rolování.
Cílem této knihovny je pomoci vývojářům strukturovat jejich efekty posouvání bez velkého úsilí.
Pokud se podíváte na hlavní repozitář GitHub, najdete celý průvodce nastavením s několika ukázkami úryvků. Můžeš funkce run pro volání, jak daleko uživatel posouvá, nebo jiné “panelů” na stránce.
Ty fungují nejlépe na jednostránkových rozvrženích, ale můžete použít Roll.js pro tolik.
Jediným voláním funkce můžete vytáhnout data každým rolováním, které zahrnuje:
- Celkový počet kroků stránky (pokud existují).
- Celkově% rolování dolů stránku.
- Aktuální poloha na stránce v pixelech.
- Celková výška výřezu na základě velikosti zařízení.
To také funguje s odkazy přeskočení, které přinášejí uživatele dolů (nebo nahoru) do určitých částí stránky.
Mnohé z těchto funkcí však můžete najít i v jiných knihovnách. Co dělá Roll.js tak zvláštním?
Součástí je syntaxe, ale velkým prodejcem je zde celková velikost knihovny 8KB při minifikaci. To je pro takovou podrobnou knihovnu rolování velmi malé!
Můžete vidět, jak to funguje na hlavní demo stránce a můžete dokonce stáhněte si zdrojový kód Roll.js, abyste mohli kopírovat do těchto ukázek sami.
Všechno od živých ukázek a souborů ze surových knihoven lze z GitHubu vytáhnout a je s nimi super snadné pracovat.
Ale pokud máte nějaké dotazy, návrhy nebo chcete sdílet své poděkování za úžasnou knihovnu, můžete natáčet zprávu tvůrci @ williamngan.
