Çarşamba 22 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. viewScroller.js – Sayfa Kaydırma JS Eklentisi
 viewScroller.js – Sayfa Kaydırma JS Eklentisi
JavaScript

viewScroller.js – Sayfa Kaydırma JS Eklentisi

Yazar : Bilal UÇAR 14 Nisan 2017 1 Comment

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.

Etiketler: viewscroller nasıl kullanılır viewscroller nedir viewscroller.js eklentisi viewscroller.js kütüphanesi
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

1 Yorum

  • Ahmet says:
    14 Nisan 2017 at 15:14

    Geçiş efektleri ile ilgili de bir makale bekliyorum

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.