Kullanıcı sayfayı veya yatay galeriyi kaydırdığında parmağını bıraktığı an görüntünün otomatik olarak en yakın slaytın başına kilitlenmesini sağlayan yerel CSS özelliğidir.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\nEbeveyne 'scroll-snap-type: x mandatory;' ve çocuklara 'scroll-snap-align: start;' kuralları atanarak çalıştırılır.
\n\nNeden Kritik Öneme Sahiptir?
\nJavaScript kütüphanesi olmadan saf CSS ile mobil uyumlu, dokunmatik ve pürüzsüz kayan carousel galeriler yapmayı sağlar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nMobil ürün galerilerinde ve hikaye formatındaki ekranlarda saf CSS scroll snap tercih edin.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nSayfanın genel dikey akışına agresif kilit koyup kullanıcının istediği yerde durmasını engelleyerek deneyimi bozmak.
Sıkça Sorulan Sorular (SSS)
CSS Scroll Snap Nedir? (Kaydırma Kilitleme Noktaları) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Temel yatay kaydırma ve kilitlenme ihtiyaçları için %100 yerini alır ve sıfır bayt JS yükü getirir.
Evet, iOS ve Android parmak kaydırma ivmesiyle (momentum scrolling) yerel entegre çalışır.