1. ev
  2. Soru-cevap
  3. Safari Mobile'da (iPad) kaydırma gecikmesi nasıl önlenir?

Safari Mobile'da (iPad) kaydırma gecikmesi nasıl önlenir?

2012-03-06 17 views
10

İçinde 3 div ile basit bir html5 sayfası var. Eğer sadece 3. sınıfa izin verip verirsem, bazı garip gecikmeler yaşarsam ve dokunma duyarlılığı tuhaftır. Herhangi bir fikir?Safari Mobile'da (iPad) kaydırma gecikmesi nasıl önlenir?

<html> 
<body style="overflow:hidden"> 
<div> 
    BLA1 
</div> 
<div> 
    BLA2 
</div> 
<div style="overflow: auto;"> 
    BLA3 overflow is here 
</div> 
</body> 
</html>

kaynak

2012-03-06 TecHunter

cevap

43

, ben iPad Web geliştiricilerin için yeni bir hile var iScroll4 eklentisi için teşekkürler. cehennem gibi bu gecikme sırasında

overflow-y: scroll; 
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

:

overflow: auto;

kaynak

2012-03-06 14:05:31 TecHunter

+2

ile kaydırma yaparken bir iki saniye için kaybolmalarını mutlak veya göreceli konumlandırılmış öğelerini tutmak için herhangi bir yolu var mı Anlaşılan o bu CSS ile yolu daha iyi çalışır bu yaklaşım? – jasonmerino

+0

@jasonmerino bu sabit elt kaydırma ile bilinen bir sorundur. Kaydolduktan hemen sonra öğelerin CSS'lerini geçersiz kılabilirsiniz. asla denemedim. Eğer burada bulabilirsiniz lütfen yorum burada – TecHunter

+2

Bu harika çalıştı! Sadece hızlı bir not, ben sadece taşma ayrılırken -webkit-overflow-kaydırma özelliğini kullanmak zorunda kaldı: auto. – fanfavorite

İlgili konular

 İlgili konular