JQuery Plugin ile sorunsuz Tam sayfa kaydırma viewScroller.js

JavaScript kaydırma efektleri Yıllardır etrafta seçilebilecek büyük kütüphaneler var. Ancak bu alanda yeni bir rakip viewScroller.js.

Bu çok küçük ama güçlü kütüphane inşa edebilir tek sayfa mizanpajları o blok olarak kaydır kaydırma tekerleğinin (veya dokunmatik yüzeyin) tek bir dokunuşuyla. Bu, kaydırmaların kullanıcıyı bir sayfanın ayrı bölümleri boyunca hareket ettirdiği kontrollü bir düzen oluşturur. piksel sızdırmazlığı.

Doğal olarak, bu tamamen ücretsiz bir kütüphane GitHub'da mevcut ve kurulumu kolay Bower veya npm ile.

Ancak, viewScroller.js değil bağımsız bir JavaScript kütüphanesi. JQuery ve iki spesifik eklentiye dayanmaktadır: jQuery Mousewheel ve jQuery Hareket hızı. Bunlar ikisi de gerekli kaydırma efektlerinin düzgün çalışmasını sağlamak için.

Bu işlev sadece birkaç JS kütüphanesi gerektirdiğinden viewScroller değerini engelleyebilir. Ama zaten zaten jQuery kullanıyorsanız o zaman beyniniz yok. viewScroller.js bir almak için en basit yöntemi sunar tek sayfa kaydırma web uygulaması çok kod olmadan çalışan.

Ancak, öyle, çok detaylı sınıflar ve kimlikler kullanın kaydırma efekti oluşturmak için Yapabilirsin bu sınıfları düzenle kendi CSS dosyanızda veya üzerine yaz temel kodda. Bulacaksınız tam liste repo sayfasında sınıf isimleri ve varsayılan kurulum verisi.

Başlamanın en basit yolu viewScroller demolarını klonlama. Biri sağ kenar çubuğuna, diğeri sol kenar çubuğuna ve diğeri orta tarafta sandviçleme içeriğine sahip iki kenar çubuğuna sahiptir..

JQuery-yakıtlı bir web uygulaması ile iyi durumda eğer viewScroller kullanmak için harika bir ücretsiz kütüphanedir. İhtiyacı var epeyce bağımlılıklar ancak yapılandırılması zor olmamalı.

Bir göz atın canlı demo ve ne düşündüğünü gör. UX’i ve kaydırma davranışını seviyorsanız, GitHub’da kurulum kılavuzu başlamak.