iPhone - iScroll funktioniert nicht, wenn VoiceOver aktiviert ist

Question

Ich habe eine Cordova Mobile-Anwendung, die iScroll-Plugin verwendet. Zu meiner Überraschung funktioniert das Scrollen nicht, wenn ich die App im VoiceOver-Modus starte (Geste mit drei Fingerbewegungen nach oben/unten). Es liest nur Seite 1 von 1, auch wenn der Inhalt für mehr als 2 Seiten existiert.

Gibt es Rollenattribute, um die Seite zum Scrollen zu bringen? Bitte helfen Sie.

Answer 1

Ich habe festgestellt, dass iScroll Transformation CSS-Eigenschaft zum Scrollen verwendet. Ich konnte dieses Problem beheben. Vielleicht können Sie auch gleich versuchen.

1. unten Art Ihrem Eltern div hinzufügen

-webkit-Überlauf-Scrolling: touch

2. ist eine Telefon Lücke Es Plugin zu hören Voiceover-on/off https://github.com/phonegap/phonegap-mobile-accessibility

   // definieren Sie eine persistente Callback-Methode das Ereignis Funktion onScreenReaderStatusChanged (info) zu handhaben { if (info & & typeof info.isScreenReaderRunning! == "undefined") { if (info.isScreenReaderRunning) { console.log ("Screenreader: ON"); // Tun Sie etwas, um das Verhalten der Anwendung zu verbessern, während ein Screenreader aktiv ist. } else { console.log ("Bildschirmleser: AUS"); } } }

   // Die Callback-Methode Registrieren Sie das Ereignis window.addEventListener (MobileAccessibilityNotifications.SCREEN_READER_STATUS_CHANGED, onScreenReaderStatusChanged, false) zu handhaben;

Auf Voice-over ON Ereignis können Sie iScroll zerstören (oder useTransform Eigenschaft auf false machen). Auf Voice-over OFF Sie können den iScroll erneut initiieren.

Lassen Sie mich wissen, ob es funktioniert.