iOS7 position:fixed; funktioniert hässlich

Ich weiß, iScroll und ich bereits verwendet jQuery mobile für eine lange Zeit und ich weiß, dass beide von Ihnen behoben dieses problem, aber ich will es selbst zu tun und keinen großen Rahmen.
Meine Frage ist, wie haben die jQuery Mobile fixiert diese position:fixed; problem auf iOS-devices? Derzeit sind alle meine fixed positionierte Elemente werden nur die position ändern, wenn das scrollen fertig ist, aber es sollte immer erscheinen an der Oberseite befestigt und nicht nur am Ende der schriftrolle.

InformationsquelleAutor user3292653 | 2014-03-20

  1. 5

    Ich hatte das gleiche problem. Ich hatte ein festes element über den Körper und das war sehr buggy. Und für mich height:auto; statt height:100% gearbeitet.
    Vollständige code:

    body,
html{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto; /* iOS position:fixed; elements fix (not 100%) */
    min-height:100%;
    overflow-x:hidden;
}
    Werde ich hinzufügen.. ich verbrachte zu viel Zeit mit diesem problem und fand heraus, dass Sie SCROLLEN MÜSSEN FENSTER. Das FENSTER-Objekt. Wenn sonst noch etwas scrollen Sie Probleme haben.

    InformationsquelleAutor dude

  2. 2

    position:fixed auf iOS 7 funktioniert ziemlich gut, eigentlich (es gibt kleinere Probleme, z.B. Ruckeln könnte ein Problem sein, abhängig von bestimmten Faktoren), so dass ich denke, vielleicht sind Sie versuchen zu imitieren, um einen klebrigen Blättern (wo ein fixes element beim scrollen zu einem bestimmten y-offset).

    Leider für iOS können Sie das nicht ohne weiteres tun (wenn Sie Blättern oder Streifen, alle JavaScript ist gestoppt, das ist, warum position:fixed passiert am Ende der Veranstaltung. Wenn Sie Glück haben, könnten Sie hoffen, dass die Benutzer Pfannen und position:fixed auf touchmove...)

    Wie Sie bereits erwähnt, es gibt Möglichkeiten, wo Sie sich bewerben überlauf und imitieren native scroll (iScroll, zum Beispiel). Diese Arbeit, aber Sie sind speicherintensiv (danke, hardware-Beschleunigung für die smooth-scrolling), so dass die performance könnte ein Problem sein, je nach Ihrem Bedarf.

    Für iOS 7, es gibt einen Wert für position, die sticky. Das funktioniert wirklich gut, wie hier gezeigt:

    http://html5-demos.appspot.com/static/css/sticky.html

    http://caniuse.com/css-sticky

    Der einzige Nachteil ist, dass Sie beschränkt auf iOS 6.1 und 7. Allerdings, wenn ältere Geräte kein Problem sind, position:sticky ist eine gute Abhilfe, da es die native Lösung.

    Hi, habe das problem gefunden, aber ich habe nicht eine Lösung für jetzt. Das problem ist, dass, wenn Sie position a <div> mit position:fixed; in einem Körper mit "height:100%;overflow:auto", dann wird es Aussehen buggy. Das Update für das wäre mit "height:auto". Aber ein problem konnte ich nicht beheben, ist, dass wenn Sie die position:fixed; element auf der gleichen Ebene wie ein anderer mit position:absolute.

    InformationsquelleAutor Jack

  3. 0

    Nur versuchen, Ihre Blöcke mit den inneren Blättern (overflow-y: scroll) und legen Sie Sie wie inline-Blöcke in der Nähe von einander. So als Ergebnis erhalten Sie unabhängige scrollbare Inhalte.

    InformationsquelleAutor Vlad

Schreibe einen Kommentar