Изградите сопствене ефекте померања странице са Ролл.јс
Можете пронаћи десетине библиотека за скроловање по читавој мрежи. Већина је написана у ЈаваСцрипт-у и има сопствене ефекте које можете рестиле за појединачне изгледе страница, анимације на сцролл-у, и тако много више.
Али шта са кодирате сопствене ефекте померања? Или шта ако желите да једноставно пратите колико је удаљена страница коју је корисник померио?
Ролл.јс је библиотека коју тражите. Ово опен соурце скрипта је луда мала и супер једноставна за употребу. Ово можете урадити са неколико линија ЈаваСцрипт-а. И најбоље од свега, не присиљава вас да радите нешто специфично, већ пре даје вам алате да бисте креирали сопствене функције скроловања.
Циљ ове библиотеке је да помогне програмерима да структуирају своје ефекте скроловања без много труда.
Ако погледате главни ГитХуб репо, наћи ћете читав водич за подешавање са неколико примера. Можете извршите функције да бисте назвали колико се корисник помера, или другачије “окна” на страници.
Ово најбоље функционише на изгледу на једној страници, али можете користити Ролл.јс за толико.
Са једним позивом за функцију можете повући податке са сваким скролом који укључује:
- Укупни кораци странице (ако је примјењиво).
- Укупно% скроловане странице.
- Тренутна позиција на страници у пикселима.
- Укупна висина приказа на основу величине уређаја.
Ово такође ради са скок линковима који доводе кориснике (или горе) до одређених делова странице.
Али можете наћи многе од ових могућности иу другим библиотекама. Оно што чини Ролл.јс тако посебним?
Део тога је синтакса, али велики продавац овде је укупна величина библиотеке 8КБ када је минифициран. То је прилично мала ствар за тако детаљну библиотеку!
Можете видети како то функционише на главној демо страници, а можете чак и преузмите изворни код Ролл.јс да бисте сами ушли у те демо датотеке.
Све из демо снимака уживо и сирових библиотечких фајлова може се извући из ГитХуб-а и они су веома једноставни за рад.
Али ако имате било каквих питања, сугестија, или желите да поделите своју захвалност за сјајну библиотеку, можете да снимите поруку креатору @виллиамнган.
