15 јКуери Плугинс Да бисте направили паметне лепљиве елементе
Сада је уобичајено да одређене елементе на сајту фиксирате на позицију када се померате горе или доле на локацији, нпр. мени за навигацију, заглавље или бочну траку. Ово омогућава да елемент буде лако доступан без обзира на положај корисника.
Назван лепљивим елементом, ово се може постићи само коришћењем ЦСС-а, међутим, користећи овај метод, ефекат није поуздан у више претраживача. Зато смо саставили неколико ЈС библиотека и јКуери додатака који ће вам омогућити да постигнете овај УКС дизајн са мало или нимало гњаваже.
1. Путне тачке
Путне тачке су библиотека која извршава функцију на основу позиције елемента у оквиру за приказ. Долази са функцијом пречице која чини тај елемент “стицки”. Можете да прилагодите смер померања - горе
, довн
, и чак јел тако
и лево
- на који елемент треба да се држи у оквиру за приказ.
- Зависност: Нема / јКуери (опционално)
- Лиценца: МИТ лиценца
2. Стицки Кит
Са СтицкиКит, не само да можете да направите елемент који се држи унутар оквира за приказ, већ можете и да их учврстите унутар родитељског елемента који одредите за више елемената одједном. Додатак такође долази са неким напредним подешавањима, укључујући прилагођене догађаје и окидаче.
- Зависност: јКуери
- Лиценца: ВТФПЛ
3. СтицкиЈС
СтицкиЈС је једноставан за кориштење јКуери стицки плугин који ради оно што пише. Додатак ради изван оквира. Ипак, ако вам је потребна нека прилагодба, она долази са опцијама / поставкама, прилагођеним методама и догађајима.
- Зависност: јКуери
- Лиценца: МИТ лиценца
4. ХеадРоом
Љепљиви заглавље ће заузети вриједан вертикални простор који ће направити разлику када гледате сајт на мобилном телефону. Хеадроом је ЈаваСцрипт библиотека која ће учинити вашу љепљиву заглавље паметном; заглавље ће бити скривено када се корисници померају надоле по страници и појављују се након скроловања.
- Зависност: Нема / јКуери (опционално) / Угаони (опционално)
- Лиценца: МИТ лиценца
5. МакефикедЈС
Макефикед дозвољава вам да динамички фиксирате елементе док корисници помичу страницу. Само зови макеФикед ()
функцију на жељеном елементу. Погледајте демо да бисте га видели на акцији.
- Зависност: јКуери
- Лиценца: ГПЛ
6. МиднигхтЈС
Миднигхт дозвољава вам да ставите више заглавља / елемената и пребацујете се између њих на основу њихове позиције у документу (ДОМ стабло), погледајте демо да видите шта мислим. Осим тога, можете мијењати њихову боју у лету једноставно додавањем подаци-поноћ
атрибут са наведеним називом боје.
- Зависност: јКуери
- Лиценца: МИТ лиценца
7. СцроллМагиц
СцроллМагиц има напредне функције за додавање интеракције током померања странице. Можете везати елементе из одређених сцролл позиција, додати анимацију на основу сцролл позиције, или чак направити страшан паралаксни ефекат. Демо вам даје увид у оно што овај додатак може да уради.
- Зависност: јКуери / Велоцити.јс
- Лиценца: Двојна лиценца (МИТ и ГПЛ)
8. онСцреен
на екрану сличан је путним тачкама - омогућава вам да извршавате функције док елемент улази, излази или досеже одређене позиције у оквиру за прегледач.
- Зависност: јКуери
- Лиценца: МИТ лиценца
9. јКуери Пин
јКуери Пин је мали јКуери плугин “пин” или “унпин” елемената на позицију, када померате страницу. Мој најомиљенији део овог додатка је опција да га онемогућите на одређеној ширини приказа.
- Зависност: јКуери
- Лиценца: БСД лиценца
10. Стицки Флоат
Стицки Флоат дозвољава нам да елементима да фиксну позицију која је у односу на њеног родитеља. Лепљиву опцију можете подесити у складу са вашим потребама помоћу понуђених параметара и променом вредности. Ухватите демо овде.
- Зависност: јКуери
- Лиценца: Недефинисан
11. Зебра Пин
Зебра Пин је лаган додатак за израду било ког елемента на њихов контејнер. Уз овај додатак можете додати “стицки-несс” на елементе у вашем пројекту као што су навигација, бочне траке, заглавља и подножја или други елементи које желите да задржите видљивим када се корисници померају надоле. Погледајте демо.
- Зависност: јКуери
- Лиценца: ГПЛ лиценца
12. ХЦ-лепљив
Са ХЦ-Стицки, можете направити лепљиве елементе који се односе на његов контејнер, на било који дати елемент или на сам документ. Овај додатак има неке опције које можете прилагодити својим потребама, као што је удаљеност од врха и дна за почетак плутања, и друге опције.
- Зависност: јКуери
- Лиценца: МИТ лиценца
13. Стицки Мојо
Стицки Мојо је лаган, брз и флексибилан јКуери додатак за израду сјајних љепљивих елемената. Компатибилан је са модерним претраживачима и деградира се у ИЕ.
- Зависност: јКуери
- Лиценца: МИТ лиценца
14. Стицки Навбар
Ако желите направити навигацију по једној страници која се задржава када се помичете, ова библиотека је за вас.Стицки Навбар ставит ће навигацију на врх прозора прегледника и означити везу сидра за повезивање с одговарајућим одјељком на вашој страници. Такође можете да додате Анимате.цсс да бисте уљепшали ефекат навигације.
- Зависност: јКуери
- Лиценца: МИТ лиценца
15. СтицкиСтацк
СтицкиСтацк ће направити елементе слагати се с другим када корисници помичу елемент и стижу до врха оквира за приказ. Са овом библиотеком, ваша дуга страница ће се претворити у сложене картице.
- Зависност: јКуери
- Лиценца: Недефинисан