viewScroller.js – Sayfa Kaydırma JS Eklentisi

Günlük hayatta birçok JavaScript kaydırma efektleri görüyoruz. Bunlar için onlarca kütüphaneler mevcut. Ancak geçenlerde gördüğüm viewScroller.js aralarında en güzellerinden biri.

Bu kütüphane oldukça küçük ve güçlü. Kısaca tanıtmam gerekirse bir web sitesini ok işaretleriyle gezmek ister miydniz? Sağa geçmek için sağ ok işaretine yukarı çıkmak için yukarı ok işaretine basarak web sitesini gezinebilirsiniz. Ne kadar anlatabildim bilmiyorum ama bir gif ekleyeceğim. Bu gifle daha iyi anlayacağınızdan şüphem yok.

Bu JavaScript kütüphanesi açık kaynaktır. GitHub‘da bu kütüphaneyi bulabilir ve bower – npm ile kolayca kurulumunu yapabilirsiniz.

Ayrıca viewScroller.js in 15 KB gibi boyutunun küçük olduğunu da hatıratmakta fayda var. Tüm modern web tarayıcılarıyla da uyumlu olarak çalışması viewScroller.js ‘in bir artısı olduğunu belirteyim.

Bununla beraber bu kütüphane bağımsız bir JavaScript kütüphanesi değildir. Bu kütüphane Mousewheel ve jQuery ile beraber çalışmakta. Bu bağımlılıklar kaydırma efektlerinin düzgün çalışması için gereklidir.

Bu eklentiyi çalıştırmak için birden çok kütüphane lazım olduğundan bu viewScroller’ın değerini düşürebilir. Ama siz zaten jQuery kütüphanesini kullanıyorsanız çokta bir sıkıntı olmaz. ViewScroller.js, fazla kod çalıştırmadan tek bir sayfa kaydırma web uygulaması elde etmek için en basit yöntemi sunar.

Bununla beraber kaydırma efekti oluşturmak için çok ayrıntılı sınıflar bulunmakta. Bu sınıfları kendi CSS dosyanıza göre değiştirebilir veya temel kodda üzerine yazabilirsiniz. GitHub repo sayfasında sınıf adlarına ve kurulum gibi tüm dökümantasyona sahip bir liste bulabilirsiniz.

Bu eklentiyi kullanmak için önce demolarla başlayabilirsiniz. Burada çeşit çeşit sidebarlar mevcut. Birinde sağda, birinde solda, diğerinde iki tane gibi.

viewScroller kullanmak için fantastik bir ücretsiz kütüphanedir. Birkaç bağımlılığa ihtiyaç duyuyor ancak yapılandırmak zor olmamalı.

Bu makalede çok iyi bir scroll kütüphanesi olan viewScroller’ı tanıttık. Canlı demoya bir göz atın ve düşüncelerinizi aşağıdan yorum yaparak bizlerle paylaşın. Eğer bunu sevdiyseniz GitHub’daki kurulum kılavuzunu takip edin.