Fix div nach unten, ohne die Verwendung von css position
Ich bin Probleme mit position: fixed;
auf IOS8 Safari. Ich habe festgestellt das mit den footer-div, die ich bin Positionierung am unteren Rand der Seite. Ich habe auch versucht position: absolute;
aber das hat nicht funktioniert entweder.
Kennt jemand einen Weg, um die position ohne die Verwendung von CSS positionieren?
Hier ist der code, den ich verwende:
.foot-nav{
position: fixed;
bottom: 0;
width: 100%;
}
was hat nicht funktioniert? könnten Sie ein paar code?
Es ist ein bisschen vage.
Ich habe die CSS, die ich verwende. Wenn ich entfernen Sie die position Stil der Fußzeile erscheint in der Nähe der Spitze. Wenn ich es behalten, es sieht toll aus, verursacht aber-scrolling-Probleme auf IOS8 Safari.
Ich glaube, dass @Quantastical bezeichnet die Art und Weise jQuery mobile funktioniert es. Hier sind ein paar Optionen. Blick auf die CSS. Funktioniert beim laden am besten. jsbin.com/qiquca/1/edit
jsbin.com/qiquca/1
Es ist ein bisschen vage.
Ich habe die CSS, die ich verwende. Wenn ich entfernen Sie die position Stil der Fußzeile erscheint in der Nähe der Spitze. Wenn ich es behalten, es sieht toll aus, verursacht aber-scrolling-Probleme auf IOS8 Safari.
Ich glaube, dass @Quantastical bezeichnet die Art und Weise jQuery mobile funktioniert es. Hier sind ein paar Optionen. Blick auf die CSS. Funktioniert beim laden am besten. jsbin.com/qiquca/1/edit
jsbin.com/qiquca/1
InformationsquelleAutor Clinton Green | 2014-10-01
Du musst angemeldet sein, um einen Kommentar abzugeben.
iOS hat Probleme mit der festen Positionierung. Wenn wischen, um zu Blättern, wird es keine Aktualisierung der position fixiert, bis das Tippen/ziehen Sie freigegeben wird.
Während
position: fixed;
technisch funktioniert, mobile Safari nicht neu der fixed-element, während das Blättern geschieht, um richtig zu berechnen, die über-scroll-animation (ziehen und loslassen bewirkt, dass die Seite den Bildlauf fortzusetzen, basierend auf der Geschwindigkeit des streichen), damit es nicht zu aktualisieren, bis die animation beendet wurde.Könnte man, theoretisch, die JavaScript verwenden, um manuell aktualisieren Sie das element die position ein paar mal beim ziehen Auftritt, aber das wird den Standardwert überschreiben, Natürliche Verhalten von mobile Safari.
Mehr lesestoff und Beispiele, wenn Sie interessiert sind: http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios
Die Art und Weise jQuery mobile ist es, indem die nicht-festen Inhalt in ein scrollbares div, wäre erstrecken sich von der Oberseite des Fensters nach unten, von der Seite minus der Höhe der festen Inhalt. Other than, die JavaScript-Abfrage des scroll-event die einzige Möglichkeit ist, aber selbst wenn Sie waren, zu schreiben, die ziehen/release slide-Effekt (ich habe versucht), verhindern, dass die Standard-scroll-Ereignis wird auch aufhören, die Gummi-band über die schriftrolle, die können nicht wieder nachgebildet in JavaScript alleine.
Ich konnte nicht einen Weg finden, zu lösen mein Problem aber diese Antwort erklärt, warum das Problem passiert. Dank
Schließlich fand ich die Ursache und nicht die Mühe mit der Positionierung. IOS8 Safari nicht in den Griff übergänge mehr, das war die Ursache für die Probleme. Entfernt und es funktioniert.
InformationsquelleAutor Quantastical
Sollten Sie versuchen
position:sticky;
. Es wird das Angebot mitposition
auf Safari.fixed
wurde ein Problem mit mobilen Geräten seit Jahren. Ich dachte, es sei behoben, aber iOs8 hat komische Verhalten auch...http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
Dieser arbeitete für mich, wenn ich hatte das gleiche Problem mit iOS 8.
es zeigt eine Warnung in der css, wenn Sie versuchen, zu verwenden "position: sticky" in safari, sind Sie sicher, dass noch verfügbar ist? EDIT: Oh nvm, war es -moz-sticky 🙂 danke!
InformationsquelleAutor Jason Lydon