1. Dom
  2. Pytanie i odpowiedź
  3. Jak zapobiegać opóźnieniu przewijania w Safari Mobile (iPad)?

Jak zapobiegać opóźnieniu przewijania w Safari Mobile (iPad)?

2012-03-06 18 views
10

Mam prostą stronę HTML5 z 3 elementami div. Jeśli pozwolę tylko, aby 3rd div przewinął, dostaję trochę strasznych lagów, a responsywność dotykowa jest dziwna. Jakieś pomysły?Jak zapobiegać opóźnieniu przewijania w Safari Mobile (iPad)?

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

Źródło

2012-03-06 TecHunter

Odpowiedz

43

Ok, dzięki wtyczce iScroll4 Mam nowy trik dla iPada Web dla wydawców. Najwyraźniej działa tak lepiej z tym CSS:

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

Chociaż lag jak cholera:

overflow: auto;

Źródło

2012-03-06 14:05:31 TecHunter

+2

Czy istnieje jakiś sposób, aby zachować elementy pozycjonowane bezwzględna lub względna od znikają na sekundę lub dwie, gdy przewijanie to podejście? – jasonmerino

+0

@jasonmerino to znany problem ze stałym przewijaniem elt. Możesz zastąpić CSS elementów zaraz po przewinięciu. nigdy jednak nie próbował. jeśli znajdziesz komentarz tutaj – TecHunter

+2

To działało świetnie! Krótka notka, że ​​musiałem tylko użyć właściwości przewijania -webkit-overflow-scroll, pozostawiając nadmiar: auto. – fanfavorite

Powiązane problemy

 Powiązane problemy