Touch-Scrolling

[Yacuzi]

Hey.

Wie der Titel es sagt hab' ich ein Problem mit dem Scrollen per Touch. In einem Buch über
Webapps die man mit HTML5 & CSS3 erstellt kam ein Beispiel einer Seite, welche man an Smartphones anpasst.
Nun hab ich eine Class die ein Feld definiert, welches sich mit Touching scrollen lassen sollte.

Die Class sieht wie folgt aus.

.fakten {    
float:right;    
background-color:#1d63cb;    
padding-left:15px;    
padding-right:15px;    
width:45%;    
height:250px;    
overflow:scroll;    
-webkit-overflow-scrolling: touch;
}

Warum funktioniert das Scrollen auf meinen Android Geräten nicht, trotz der Angabe von "overflow:scroll;" und "-webkit-overflow-scrolling:touch;" ?
Danke im Vorraus.

 

[Yacuzi]

Ich weiß nicht wie das mit der Edit-Funktion hier läuft (ob dann mein Topic trotzdem gepusht wird^^ Bin nicht auf vielen Foren mit vBulletin)
Hier nochmal ein kleines Update:

Ich hab das gleiche nochmal mit einem Random Beispiel aus dem Internet probiert und es funktioniert ebenfalls nicht.
Könnte es sein das es schlichtweg an meinem Gerät (Samsung Galaxy S+) liegt?
Hab es mit dem Dolphin Browser Mini sowie dem nativen Browser versucht..
Habe leider keine iOs Geräte hier^^

 

[Timmer]

10 Sekunden gegooglet und die Antwort gefunden: "-webkit-overflow-scrolling:touch;" wurde von Apple für iOS 5 ins Leben gerufen. Ich denke nicht, dass das andere Nicht-Apple-Geräte unterstützen.

 

[Yacuzi]

Und einen äquivalenten Befehl davon für in Android gibt es nicht?

 

[Timmer]

Laut Netz unterstützen mittlerweile der IE Mobile & die neuste Android Generation tatsächlich schon "-webkit-overflow-scrolling:touch;".

Ich denke, dieser Artikel könnte dir weiterhelfen: HTML & CSS - Scrolling in Mobile Safari und Android Browser | Thomas goes .NET

Dort wird auch auf iScroll verwiesen, was eine gute Lösung darstellen sollte.