mobilen iOS-Chrome-Browser, um nach oben Ursachen neu zu laden.fullPage.js Auf mobile Chrom, versucht Seite
ich einen mehr Abschnitt Seite mit fullPage.js haben, in jeder Situation außer mobilen Chrome-Browser aufgrund Chrome „Pull-down laden Seite“ Funktion perfekt funktioniert.
Wenn Sie versuchen, um nach oben (mit dem Finger nach unten geschoben wird) wird es auf der Seite neu zu laden. Wenn Sie damit spielen, werden Sie feststellen, dass das schnelle Rutschen Ihnen erlaubt, normal zu scrollen, aber wenn Sie auf natürliche Weise gleiten, wie jemand, der auf einer Webseite gescrollt hat, wird es zuerst "kleben" und dann einfach neu laden Seite, anstatt auf die nächste Seite zu rutschen.
Es hat eine überaus schlechte Benutzererfahrung als jederzeit verursacht der Benutzer sie mit dem Reload/Schließen/Zurück-Tasten sehen, dass wenig Chrom Menüleiste, um nach oben versucht.
https://fiddle.jshell.net/imac/kemtmm9a/embedded/result/ Die Ausgabe präsentiert sich deutlicher ohne den Header jsfiddle, aber Sie können definitiv sehen, was hier vor sich geht.
aktualisiert
dies der Ausgabe online die Wurzel gefunden mit verschiedenen Lösungen aus Bei der Prüfung scheint aus der Tatsache, Einhalt zu gebieten, dass window.pageYOffset immer 0, unabhängig davon, wo der Benutzer auf der Seite. Dies scheint zentral dafür zu sein, wie fullPage.js funktioniert, was sinnvoll ist. Chrome erkennt jedoch, dass ein Bildlauf nach oben durchgeführt werden kann, wenn window.pageYOffset = 0 ist, und ermöglicht, dass der Pull zu diesem Zeitpunkt aktualisiert wird. Ich versuche, durch einige JS zu arbeiten, um preventDetault zu verwenden, wenn der Benutzer versucht, zu scrollen, aber es funktioniert entweder nicht oder bewirkt, dass fullPage.js drunter und drüber geht.
Dies ist keine wirkliche Lösung, aber don
scrollBar:true and autoScrolling:truelösen der Einstellung Versuchen Sie nicht, Ihr eigenes Scroll-Verhalten zu erfinden. Es ist nichts als nervig für die Benutzer. Wenn ein Designer mich darum gebeten hat, weil sie eine tolle Seite gesehen haben, die perfekt auf ihrem perfekten Apple-Produkt funktioniert, würde ich nein sagen, sie wird unweigerlich irgendwo versagen. Mit diesem gesagt funktioniert es auf meinem Android Chrome. Eigentlich ziemlich gut. Aber haben Sie in scroll-snap-points geschaut? – powerbuoy
@powerbuoy Ich muss mein Problem nicht gut erklärt haben. Ich benutze eine 3rd-Party-Bibliothek fullPage.js für eine Reihe von Seiten voller Gefühl Abschnitte, die alle in einer einzigen HTML-Seite untergebracht sind. Es verwaltet das Scrollen, Scrollen, Scrollen, usw. und funktioniert auf allen Geräten und Browsern einwandfrei. Mein spezifisches Problem betrifft nur den mobilen Browser von Chrome (sowohl iOS als auch Android). Aufgrund der Art der Bibliothek ist window.pageYOffset immer gleich 0. Wenn es 0 ist und der Benutzer versucht, einen Bildlauf durchzuführen, lädt Chrome die Seite hilfreich neu. Ich möchte das verhindern. –