Responsive Website - IOS Fixed Footer Ausgabe

Question

Ich habe eine reaktionsschnelle Website entworfen, die drei Tasten hat, die ich die ganze Zeit präsent sein muss. Der logische Ort, um sie zu platzieren, ist am unteren Rand des Ansichtsfensters festgelegt. Das funktioniert gut mit position: fixed - aber wenn ich auf die Schaltflächen klicke, werden sie nicht aktiviert - stattdessen werden sie hochgedrückt und der untere Teil der webkit UI (speichern zu Hause, Lesezeichen usw.) wird angezeigt.

Wenn ich scroll, und die gleichen UI-Elemente erscheinen und verschwinden, bleiben meine Buttons vorübergehend über der Fußzeile schweben, bevor sie nach einer Sekunde oder so springen - was nicht schön ist!

Gibt es eine bessere Möglichkeit, Schaltflächen in der Fußzeile zu fixieren, damit sie anklickbar sind?

Dank Andy

Answer 1

Springen Tasten wahrscheinlich sind Nachzählen Position Javascript jedes Mal mit, wo sie CSS verwenden sollten.

hier: How do I stop my fixed navigation from moving like this when the virtual keyboard opens in Mobile Safari?

Wenn es jedoch um Design geht, würde ich es nicht empfehlen, dass auf dem Boden zu tun. Benutzer sind daran gewöhnt, IOS-Navigation nicht von Ihnen zu haben und selbst wenn Sie eine Möglichkeit finden, sich zu unterscheiden, wird es sehr einfach sein, die Schaltfläche zu verpassen und auf das IOS-Menü zu klicken.