Hi,

Ich mache in einer fullscreen- Webseite bestimmte Bereiche touchmovable, durch setzen mit CSS:
-webkit-overflow-scrolling:touch;

Und andere Bereiche deaktiviere ich, indem ich per JavaScript die Events abbreche:
$(Elemente).bind('touchmove touchstart touchend',function(e){
e.preventDefault();
});

Nun ist es leider so, dass e.preventdefault nicht mehr aufgerufen wird, sobald ich den touchmove-Vorgang beende, also die "deceleration"-Phase / scroll-fadeout einsetzt. Sobald der Finger vom Display entfernt wird, bewegen sich also Elemente, die sich nicht bewegen sollten und Position fixen fixiert sind.

Wie kann ich Problem beheben, oder mit welchem Event listener greife ich die deceleration-Phase ab? Habe schon gegoogelt nach deceleration touchmove Event etc. Aber nix brauchbares gefunden. Die Apple doch geben da scheinbar auch nix her.

Mal
$(Elemente).bind('touchmove touchstart touchend scroll',function(e){
e.preventDefault();
});
versucht?

Ja, hat keine Änderung gebracht.

Der css-Eintrag -webkit-overflow-scrolling:touch; bewirkt wohl, dass Safari die Reihenfolge der Container kaputt macht. Es ist also noch buggy. Der einzige Weg für mich war, dieses halbe Feature zu deaktivieren:

Dann hat man zwar kein butterweiches Scrolling mehr, dafür aber wieder die volle Kontrolle und alle events. Man wird wohl noch zwei Jahre warten müssen, bis es richtig funktioniert. Bis die Containerstruktur nicht mehr geändert wird und auch während der Decceleration-Phase ein Step-Event gefeuert wird. Für einfach gelayerte Seiten funktioniert es schon.

Der CCS-Eintrag muss ganz entfernt werden, um scrollTo-Scrolling komplett zu deaktivieren. Ein "-webkit-overflow-scrolling: none;" gibt es seltsamerweise nicht.

Und überhaupt per scrollTo Elemente zu bewegen auf einer gelayerten AJAX-Seite bringt's nicht wirklich. Besser Scrollfunktionalität an Positionsverschiebung x/y knüpfen.