Параллак Сцроллинг је лако са СтицкиСтацк.јс

Паралаксни ефекти брзо ухватите пажњу. Ови ефекти задржати одређене позадине у виду док померате страницу. Пронаћи ћете помицање паралаксе на многим веб страницама и ВордПресс темама и они су велики дио модерног веб дизајна.

Такође можете да направите а јединствени стил паралаксе помоћу СтицкиСтацк.јс повезати. Његово изграђен на јКуери и држи сваку секцију главне странице на врху док се померате надоле.

Ово ствара илузија слојевите веб странице где свака страница “стацкс” на врху друге. Стварно је цоол и прилично лако се поставити сами.

Иако је прилично лако поставити га, потребно је неко разумијевање развоја фронтенд-а.

Мораш прво креирајте појединачне секције странице унутар главног контејнера. Овако ћете имати све у ХТМЛ-у, тако да све можете циљати помоћу функције СтицкиСтацк јКуери.

Такође долази са неколико опција где можете да прилагодите парент цонтаинер, тхе елемената који би требали слагати, и могуће бок схадов ако вам се свиђа тај ефекат.

Ево једног узорак бит кода са странице ГитХуб:

 $ ('. маин-цонтент-враппер'). стицкиСтацк (цонтаинерЕлемент: '.маин-цонтент-враппер', стацкингЕлемент: 'сецтион', бокСхадов: '0-3пк 20пк ргба (0, 0, 0, 0.25)' ); 

Иако ово није ажурирано за око две године, то је и даље веома поуздан плугин. То радио је у свим прегледницима које сам тестирао (Цхроме, Сафари и Фирефок) са подршка за све верзије јКуери.

Плус, минификовани фајл је само 2КБ што је пристојна величина за додатак.

Да бисте сазнали више, посетите главни репо и погледајте шта вам СтицкиСтацк може да понуди. Мислим да најбоље ради веб странице са једном страницом или одредишне странице са великим позадинама на целом екрану.

Такође можете погледати а ливе демо на ЦодеПен ако желите да видите како то изгледа на ливе сајту.