Sklandus viso puslapio slinkimas su jQuery įskiepio rodiniuScroller.js

„JavaScript“ slinkties efektai jau daugelį metų buvo išrinkti dešimtys puikių bibliotekų. Tačiau lauke yra naujas varžovas viewScroller.js.

Ši labai maža, bet galinga biblioteka gali būti sukurta vieno puslapio išdėstymai kad slinkite kaip blokus su vienu slinkties ratuku (arba jutikline plokšte). Tai sukuria valdomą išdėstymą, kuriame slinktuvai perkelia vartotoją per atskiras puslapio sekcijas pikselių tikslumas.

Žinoma, tai yra visiškai nemokama biblioteka galima rasti „GitHub“ ir lengva įdiegti su Bower arba npm.

Tačiau viewScroller.js yra ne nepriklausoma „JavaScript“ biblioteka. Jis remiasi jQuery ir dviem konkrečiais papildiniais: jQuery Mousewheel ir jQuery Easing. Sitie yra abu reikalingi gauti tinkamą slinkties efektą.

Tai gali trukdyti peržiūrėti „ViewScroller“, nes tam reikia kelių JS bibliotekų. Bet jei jūs jau naudojatės jQuery vistiek, tai yra ne-protingas. viewScroller.js siūlo paprastiausią būdą gauti vieno puslapio slinkimo žiniatinklio programa veikia be daug kodo.

Tačiau tai daroma, naudoti labai išsamias klases ir ID sukurti sukimo efektą. Tu gali redaguoti šias klases savo CSS faile arba jas perrašyti baziniame kode. Rasite a visas sąrašas repo puslapyje klasės pavadinimai ir numatytuosius nustatymo duomenis.

Paprasčiausias būdas pradėti yra klavišų „viewScroller“ demonstracijas. Jie turi vieną, turinčią dešinę šoninę juostą, kitą - kairę šoninę juostą ir vieną su dviem šoninėmis juostomis, sudarančiomis turinį viduryje.

Jei esate gerai su „jQuery“ maitinamomis žiniatinklio programomis, „viewScroller“ yra fantastiška nemokama biblioteka. Tai reikia gana daug priklausomybių tačiau jie neturėtų būti sunkiai konfigūruojami.

Pažvelkite į gyva demonstracija ir pažiūrėkite, ką manote. Jei jums patinka UX ir slinkties veiksmai, sekite „GitHub“ sąrankos vadovas pradėti.