Verhindert das Scrollen des zugrunde liegenden div in iOS Safari
Ich habe div , das heißt 100% Höhe, 70% Höhe des Ansichtsfensters und overflow:scroll .
Jetzt möchte ich eine überlagernde div erstellen, die Touch-Geräte verwenden können, um die gesamte Seite statt der div zu scrollen.
Ich habe div mit position:absolute und die ganze Seitenhöhe erstellt. Wenn Android-Nutzer auf dieses div ziehen, scrollt die gesamte Seite wie erwartet. Auf iOS7 wird jedoch der zugrunde liegende div gescrollt, so wie das Berührungsereignis direkt durch div geht.
Wenn Sie iOS7 verwenden und auf die Seite div über den Bildlauf div ziehen, wird der Bildlauf div anstelle der Seite gescrollt.
Kennt jemand eine Lösung dafür?
1 Antwort
Fügen Sie auf Ihrem .pageScroller scroller-Element die Attribute overflow-y: scroll; und -webkit-overflow-scrolling: touch; zusammen mit einem positiven z-index hinzu. Dies verhindert, dass die Scroll-Aktion die darunter liegende "Ebene" erreicht.
Überprüfen Sie dieses JSfiddle: Ссылка
Tags und Links javascript jquery css ios mobile-safari