„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Warum funktioniert „window.onscroll“ nicht auf dem iPhone/iPad?

Warum funktioniert „window.onscroll“ nicht auf dem iPhone/iPad?

Veröffentlicht am 08.11.2024
Durchsuche:590

 Why Doesn\'t `window.onscroll` Work on iPhone/iPad?

Ereigniserfassung auf dem iPhone/iPad mit Scroll-Ereignis

Beim Versuch, das Scroll-Ereignis auf einem iPad zu erfassen, zeigen Fehlerbehebungsbemühungen, dass gängige Ansätze verwendet werden wie window.onscroll und document.onscroll lösen nicht die gewünschte Reaktion aus.

Erläuterungen zur Ereignisbehandlung unter iOS Geräte

Der iPhoneOS-Ereignisverarbeitungsmechanismus unterscheidet sich von herkömmlichen Desktop-Browsern. Beim kontinuierlichen Schwenken mit einem Finger oder Scrollen mit zwei Fingern werden keine Scroll-Ereignisse generiert. Stattdessen werden Ereignisse ausgelöst, wenn der Benutzer aufhört, die Seite zu verschieben, und sie neu gezeichnet wird.

Bildlaufereignisse auf dem iPhone/iPad erfassen

Um Bildlaufereignisse erfolgreich auf dem iPhone/iPad zu erfassen , verwenden Sie Ereignis-Listener wie:

window.addEventListener('scroll', function() { alert("Scrolled"); });

oder entsprechende jQuery-Syntax:

$(window).scroll(function() { alert("Scrolled"); });

Zusätzliche Ressourcen

Weitere Informationen finden Sie in der Dokumentation von Apple zum Umgang mit Ereignissen in Safari-Webinhalten: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3