2012-07-22 4 views
6

Ich habe den Inhalt meiner Website in einer absoluten Position div, die den gesamten Bildschirm füllt. Das Scrollen auf diesem Div ist normalerweise klobig, da es nicht das native Impuls Scrolling ist. Lösung? Hängen Sie -webkit-overflow-scrolling: touch; an das Div.Webkit Overflow Scrolling verursacht Divs nicht zu zeigen?

Momentum Scrollen funktioniert jetzt, aber wenn ich die Seite runterscrollen, werden die div Elemente nicht angezeigt. Die Konsole zeigt keine Fehler, nichts ist falsch mit der eigentlichen Seite, aber die einzelnen Beiträge (div) werden nicht angezeigt. Hier ein Beispiel:

enter image description here

Kann jemand bestätigen dies auf ihrem iPad oder ein Update vorschlagen? Ich würde lieber nicht etwas in der Art von Scrollability verwenden. Es könnte sein, dass die iOS6-Beta das verursacht, aber ich möchte beruhigt sein.

Sie können

diese site auf Ihrem iPad sehen Und wenn mich jemand will mein Lesezeichen erklären, werde ich gerne tun.

+0

Auf meinem iPad die divs Show zu tun, aber sie gehen unsichtbar * während * Scrollen. Wenn die Bildlauffunktion anhält, werden die Elemente wieder angezeigt. – Hubro

+0

Welche iOS-Version verwenden Sie? Meine sind nach dem Ansichtsfenster unsichtbar, aber nur bestimmte div-Elemente (wie Sie sehen können, ist die Fußzeile zu jedem Beitrag sichtbar). – Charlie

+0

Version 5.1.1 - – Hubro

Antwort

1

Derzeit .post-Klasse verwendet position: relative. Wenn Sie diese Zeile entfernen, wird das Problem behoben. Offenbar sind relativ Positionselemente versteckt, wenn sie nicht in der Ansicht sind. Nicht genau, warum das iPad dies tut oder ob es ein Bug ist. Nach meiner Erfahrung versuchen iPad-Geräte so effizient wie möglich zu laufen. Zum Beispiel, wenn Sie scroll JS Animationen sind eingefroren. Vielleicht ist dies eine Technik, mit der iPads Seiten effizienter rendern können. Hoffentlich hilft das.

Dieser Artikel vielleicht um eine Arbeit im Zusammenhang und haben werden: CSS3 property webkit-overflow-scrolling:touch ERROR

Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging

Verwandte Themen