CSS overscroll-behavior-x özelliği

Önceki sayfa overscroll-behavior-inline
Sonraki sayfa overscroll-behavior-y

Tanım ve kullanım

overscroll-behavior-x Bu özellik, elementin x yönlü olarak sayfa sınırlarını aşmaya çalıştığında elementin kaydırma zincirini veya aşırı kaydırma geri bildirimini kapatmak için kullanılır.

Dikkat:X yönlü overscroll-behavior tetiklemek için dokunmatik yüzey veya dokunmatik ekran kullanmanız gerekebilir.

Kaydırma zinciriBir elementte aşırı kaydırma, ebeveyn elementinin kaydırma davranışını tetikler. Bu varsayılan davranıştır.

Aşırı kaydırmaGeri bildirim, kullanıcı sayfa sınırlarını aşmaya çalıştığında sağlanır. Örneğin, mobil cihazlarda, sayfa üstüne kaydırmaya çalışırken genellikle sayfa yenileme görsel geri bildirimi ile birlikte gelir.

Örnek

X yönlü olarak kaydırılabilir <div> elementinin kaydırma zincirini kapatır:

#yellowDiv {
  overscroll-behavior-x: contain;
}

Kişisel olarak deneyin

CSS dilbilgisi

overscroll-behavior-x: auto|contain|none|initial|inherit;

Özellik değeri

Değer	Açıklama
auto	Kaydırma zinciri ve aşırı kaydırma geri bildirim davranışını izin verir. Varsayılan değer.
contain	Aşırı kaydırma geri bildirimini izin verir, ancak kaydırma zincirini izin vermez.
none	Aşırı kaydırma geri bildirimini veya kaydırma zinciri davranışını izin vermez.
initial	Bu özelliği varsayılan değerine ayarlar. bkz: initial.
inherit	Bu özelliği, ebeveyn elementinden devralır. bkz: inherit.

Teknik ayrıntılar

Varsayılan değer:	auto
Devralabilirlik:	Hayır
Animasyon yapımı:	Desteklenmiyor. bkz:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.overscrollBehaviorX="none"