Реллак.јс - Фрее Паралак Феатурес Усинг Ванилла ЈаваСцрипт
Параллак сцроллинг изгледа невероватно када је добро. То није функција коју желите на свакој веб-локацији већ за креативне веб-локације и одредишне странице, елементе паралакса брзо ухватите пажњу.
Постоји много бесплатних ЈаваСцрипт библиотека за анимирани ефекти помицања али многи су надути или сувише сложени за неке људе.
Зато препоручујем Реллак.јс за ваше потребе паралаксе. То је бесплатан опен соурце плугин који је изграђен на ваниљи ЈаваСцрипт, тако да нема никакве зависности.
Подразумевано је захтева само једноставан позив функције да доделите класу паралаксе елементима странице. Онда, док се крећете, ови елементи останите фиксни и кретати се заједно са корисниковим гледиштем.
Ове елементе можете прилагодити да се појаве ближе, даље, или иза елемената странице. Ово ствара илузија дубине на страници и све ради преко једне једноставне ЈаваСцрипт библиотеке.
Сав изворни код Реллак је доступан бесплатно на ГитХубу ако желите да преузмете копију.
Цела поставка користи једну ЈС функцију циљање .реллак као класа:
вар реллак = нев Реллак ('. реллак'); Напомена можете користити прилично много било којој класи коју желите, али примјер демо користи .реллак због једноставности.
Одавде, ви само омотајте ваше паралаксе елементе унутар див са .реллак цласс анд подесите атрибут брзине. Ово ради преко дата-реллак-спеед прилагођени атрибут који прихвата вредности од -10 до +10.
Ево једног екампле сниппет са ХТМЛ-а на демо страници:
Веома сам спора и глатка
Можете такође елементе центра на страници и прилагодите позиције елемената виа ЦСС.
Реллак вам не говори како да структуришете страницу или како да дефинишете ЦСС елементе на вашој страници. Све је то створите природни ефекат скроловања паралаксе са чистим ЈаваСцриптом. Како користите ово је потпуно на вама.
Да бисте видели а ливе демо, завирите у главни сајт или прегледајте ГитХуб репо. То укључује и неку документацију, као и линкове за живе веб сајтове који користе Реллак.јс.
И најбоље од свега, тим је стално спреман да прихвати захтјеве повлачења, тако да ако примијетите било какве проблеме или имате приједлоге за значајке, једноставно пошаљите брзу поруку тиму.
