Also dieses interessante Problem, das ich mit dieser Web-App in einer mobilen Safari habe, die ich bis jetzt noch nicht beheben konnte.
Ich habe ein Menü "display: none", das beim Klicken angezeigt wird. Wenn das Menü angezeigt wird, wird der Inhalt innerhalb des Bereichs so angezeigt, wie er sollte. Das Problem liegt innerhalb des Offscreen-Inhalts. Wenn der Div-Inhalt gescrollt wird, wird der Offscreen-Inhalt, der sich jetzt im Ansichtsfenster befindet, überhaupt nicht angezeigt, bis das Scrollen vollständig beendet ist. Es ist kein Ladeproblem, da der gesamte Inhalt bereits geladen wurde und dies auch dann weiterhin geschieht, wenn Sie bis zum Anfang zurückscrollen.
Dies passiert nicht mit dem Inhalt, der sich tatsächlich auf der Seite befindet, sondern nur mit dem Inhalt, der in den versteckten Menü-divs geladen wird. Ich verwende keine spezielle Codierung oder irgendetwas, nur Standard-CSS und die jquery .click-Funktion. Ich habe jede erdenkliche Methode ausprobiert, um das zu beheben. Die Verwendung des eigentlichen Seitenlaufs anstelle eines Scrolls innerhalb des divs behob das Problem der Inhaltsanzeige, aber aus irgendeinem Grund würde es nicht mit Schwung blättern und das versteckte div selbst würde länger dauern, als es erscheinen sollte, vielleicht 2 Sekunden, was natürlich niemals passieren wird sei in Ordnung.
Irgendwelche Ideen, wie Sie das beheben können?
Bearbeiten - Code unten:
Das CSS
%Vor%Das HTML
%Vor%Die JQuery
%Vor%Ich habe es herausgefunden, und es ist so ein Schuljungenfehler, aber es verursacht ein wirklich nerviges Problem. Das Hauptmenü div wurde NICHT auf "position: relative" eingestellt. was aus irgendeinem Grund dazu führte, dass der gesamte Bildschirminhalt nur dann gerendert wurde, wenn er sich innerhalb des Bildfensters befand und das Scrollen vollständig zum Stillstand gekommen war. Dies passiert nicht in Desktop-Browsern, weshalb es so lange das Problem gefunden hat, und ich wäre nicht einmal auf die Lösung gestoßen, wenn ich aus irgendeinem Grund eine relative Position auf einem Div auf einer anderen Seite nicht gesetzt hätte.
Wie auch immer, Problem gelöst.
Tags und Links html css mobile-safari hidden