Scrolling Bileşenleri
Web sayfasını kaydırırken belli yerlerde tetikleme işlemi yapmak istiyorsanız ya da daha fazlasını…
jQuery AniView — İlgili element gözüktüğü an dilediğiniz hazır ya da custom css animasyonunuzu tetikler. Kullanımı çok kolaydır.
InView Waypoints — İlgili element gözüktüğü an callback yardımı ile dilediğiniz js kodlarını çalıştırabilirsiniz, callback olarak enter, entered, exit, exited gibi ihtiyacınız olanı size verir.
WOW.js — En kolay kullanıma sahip bileşenlerden biridir, class=”wow slideInLeft” gibi class üzerinden tetikleme yapabilir.
ScrollMagic — Kendi Controlleri var, scene mantığı ile çalışır, GSAP ile birlikte kullanılabilir, TweenMax ile harika işler çıkarabilirsiniz, biraz vakit alır ve uzmanlık ister. Dilerseniz css toggle özelliği ile daha basit yoldan da gidebilirsiniz.
janpaepke/ScrollMagic
ScrollMagic - The javascript library for magical scroll interactions.
github.com
Emergence.js — Belirlemiş olduğunuz elementin data-emergence=hidden/visible durumuna göre custom css animayonlarını tetikler.
Waypoints.js — Scroll sırasında ilgili element gözüktüğü an sizin belirlediğiniz javascript kodlarını tetikler.
AOS — Kendi içinde hazır css animasyonları mevcut, minimum kod ile sonuç alınabilir.
ScrollReveal — Varsayılan olarak ilgili ilgili element scroll anında gözükürken fade in efekti ile gelir.
