2012-03-02 10 views
6

Bu özelliği şu elemanlara uyguladık: body ve html ve yine de Chrome x ekseninde kaydırma yapmamı sağlayacak. Safari ve Firefox'da test ettim ve x ekseni kaydırma işlemi devre dışı bırakıldı ...Overflow-x: Chrome'da çalışmayan gizli

Neyi kaçırdığımı bilen var mı?

N.B. overflow: hidden kullanıyor ancak kullanıcıların y ekseninde ilerlemelerini istiyorum.

Teşekkürler!

+0

Chrome'da benim için gayet iyi çalışıyor, bkz. -> http://jsfiddle.net/H84pr/ – Nelson

+0

Görünüşe göre düzeltildi! Bunu yayınladığımda kesinlikle çalışmadı: P – PapaSmurf

+1

[MDN] 'ye göre (https://developer.mozilla.org/en-US/docs/CSS/overflow-x#Browser_compatibility), overflow-x çalışır Chrome sürümünde 1.0 sürümünden itibaren. Belki bu, bazı sürümlerde bir süreliğine bozuldu (Chrome'un bir sürümde tanıtılan ve bir sonraki sürümde sabitlenmiş bazı garip hatalara sahip olması oldukça tipik). –

cevap

2

Bu sorun, @Nelson işaretleme sorunu ortadan kalktı. Doğru burada çalışan kod görebilirsiniz: http://jsfiddle.net/H84pr

+0

3/21/15 - Sorun hâlâ iOS 7.x'te Chrome ve Safari'de mevcut. Html {overflow-x: hidden; kullanarak çözdüm. } '. –

+0

Sorun devam ediyor. Orta fare düğmesine (kaydırma işlemi) tıklayın ve fareyi sağa doğru hareket ettirin. Sorunu göreceksiniz. –

+0

Teşekkürler! 2016 ve Chrome 51 sürümümüz var ve bunu düzeltmenin tek yolu hala bu… – typocoder

4

kullanabilirsiniz

mobil ortamda vücudun daha geniş olacağını G/bilen bazı görüntülerin/gizlemek için çalışırken ben sadece bu sorunu yaşamıştır
html { overflow-x: hidden; }​ 
3

. Bu Chrome'da işe yaramadı

body { overflow-x: hidden; }

ancak o zaman da eklendi eğer, 10.

Ancak IE yaptılar:

Başlangıçta ben sadece vardı

html { overflow-x: hidden; }

Görüntüler her iki tarayıcıda da doğru şekilde gizlenmiş.