"-webkit-overflow-scrolling: dokunma" mobilde dikey kaydırma sorunlarına neden oluyor

Question

Duyarlı bir mobil web sitesi oluşturma aşamasındayım. Telefonumda test yaparken, yatay olarak kaydırılabilen birşeyi geçmeden dikey olarak kaydırma yapamadığımı fark ettim.

İşte ne demek istediğimin bir örneğidir (üzgünüz, telefonunuzdaki yatay kaydırmayı göremezsiniz ancak bana çalıştığına güvenin). http://jsfiddle.net/tArEy/

Sonra aşağıdaki satırı dışarı yorumladı dikey kaydırma çalışması için:

Mobil Webkit bu örnekte tablonun geçmiş kaydırma olamaz tarayıcılar. Ancak, bu yatay kaydırma biraz dalgalı yaptı.

-webkit-overflow-scrolling: touch; 

Mobil Webkit tarayıcıları can bu örnekte tablonun geçmiş kaydırma, ama biraz daha glitchy bu. http://jsfiddle.net/tArEy/1/

Bunu yalnızca CSS kullanarak nasıl düzeltebileceği konusunda bir fikri var mı?

Demoların bir tarayıcıda test edilmesi gerekir. (Android'de Chrome tarayıcısını çalıştırıyorum. IPhone'un da aynı sorunu olduğunu düşünüyorum).

Düzenleme: Bu hat imkansız dikey kaydırma yapar Ancak

-webkit-overflow-scrolling: touch; 

:

Bu yatay kaydırma mobil webkit tarayıcılarda korkunç adamcağız CSS'nizde aşağıdaki satırı olmadan olduğu ortaya çıktı bu yüzden duruyorum. Diğer web olmayan tarayıcılar yatay olarak kaydırılır.

Düzenleme 2:

Bir iphone elime. taşma kaydırması hızlandırılmış donanımdır ve kusursuz çalışır. Bu, yalnızca Android için Chrome Android sorunu gibi görünüyor.

Answer 1

Bu, yalnızca Android için kromda bir hataydı. Yakın zamanda güncellemede düzeltildi.

Answer 2

bu sorun ile yardımcı olabilir: http://filamentgroup.github.com/Overthrow/ taşma kaydırma yalnızca yeni telefonlarda desteklenir. test ettiğimde, daha yeni telefonların android 2.x ve ios4 destekli hafif kaydırma problemleri olduğunu farkettim.

Eğer yatay kaydırma yapıyorsanız, tasarımınızı yeniden düşünebilirsiniz.