Menggulir halaman penuh dengan mulus dengan Plugin jQuery viewScroller.js
Efek gulir JavaScript telah ada selama bertahun-tahun dengan puluhan perpustakaan besar untuk dipilih. Tapi pesaing baru di lapangan adalah viewScroller.js.
Perpustakaan ini sangat kecil namun kuat dapat dibangun tata letak satu halaman bahwa gulir sebagai blok dengan satu gesek roda gulir (atau bidang sentuh). Ini menciptakan tata letak yang terkontrol tempat gulir memindahkan pengguna melalui bagian individual dari suatu halaman presisi ketat piksel.
Secara alami, ini adalah perpustakaan yang sepenuhnya gratis tersedia di GitHub dan mudah dipasang dengan Bower atau npm.
Namun, viewScroller.js adalah tidak perpustakaan JavaScript independen. Itu bergantung pada jQuery dan dua plugin spesifik: jQuery Mousewheel dan jQuery Easing. Ini adalah keduanya diperlukan agar efek gulir berfungsi dengan benar.
Ini dapat menghambat nilai viewScroller karena memerlukan beberapa pustaka JS agar berfungsi. Tetapi jika Anda sudah menggunakan jQuery, maka itu adalah no-brainer. viewScroller.js menawarkan metode paling sederhana untuk mendapatkan aplikasi web scrolling satu halaman berjalan tanpa banyak kode.
Namun demikian, gunakan kelas dan ID yang sangat rinci untuk membuat efek gulir. Kamu bisa edit kelas-kelas ini di file CSS Anda sendiri atau menimpa mereka dalam kode dasar. Anda akan menemukan daftar lengkap di halaman repo dengan nama kelas dan data pengaturan default.
Cara paling sederhana untuk memulai adalah dengan kloning demo viewScroller. Mereka memiliki satu dengan bilah sisi kanan, yang lain dengan bilah sisi kiri, dan satu dengan dua bilah isi sandwich di tengah.
Jika Anda setuju dengan aplikasi web berbahan bakar jQuery maka viewScroller adalah pustaka gratis yang fantastis untuk digunakan. Itu memang perlu beberapa dependensi tetapi mereka seharusnya tidak sulit untuk dikonfigurasi.
Mengintip demo langsung dan lihat apa yang Anda pikirkan. Jika Anda menyukai UX dan perilaku gulir kemudian ikuti panduan pengaturan di GitHub untuk memulai.
