Mam prostą stronę html5 z 3 divami w środku. Jeśli pozwolę tylko przewijać 3. div, dostaję straszne opóźnienia, a responsywność na dotyk jest dziwna. Jakieś pomysły?

<html>
<body style="overflow:hidden">
 <div>
    BLA1
 </div>
 <div>
   BLA2
 </div>
 <div style="overflow: auto;">
    BLA3 overflow is here
 </div>
</body>
</html>
12
TecHunter 6 marzec 2012, 14:44

2 odpowiedzi

Najlepsza odpowiedź

Ok, dzięki wtyczce iScroll4 dostałem nową sztuczkę dla programistów internetowych na iPada. Najwyraźniej działa o wiele lepiej z tym CSS:

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

Podczas gdy to opóźnienie jak diabli :

overflow: auto;
47
TecHunter 6 marzec 2012, 18:05

Użyj iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/ to da najlepsze rozwiązanie

3
karthik 6 marzec 2012, 15:44