Ich habe eine feste Schaltfläche für einen CTA (call to action) am Ende meiner Webseite. Beim Blättern auf der Seite einer neueren iOS-Version blendet Safari die untere Navigationsleiste aus (mit Schaltflächen für Zurück, Weiter, Freigeben, Lesezeichen und neue Tabs). Wenn Sie auf die CTA-Schaltfläche klicken, zeigt Mobile Safari anstelle der Aktion die untere Navigationsleiste an.
Als Lösung wollte ich immer die untere Navigationsleiste zwingen. Gibt es eine Möglichkeit, dies zu tun? Sowohl Jack Threads auf Mobilgeräten als auch Thread-Flip < Die mobile Seite von a> kann dies beim Betrachten eines einzelnen Gegenstandes abschalten.
Ich kann das bisher nicht zurückentwickeln. Weiß jemand, wie die Kraft-Show durchgeführt wird?
Verwandt mit: Schaltflächen, die am unteren Seitenrand ausgerichtet sind, stehen in Konflikt mit mobile Safari Menüleiste und Verhindert, dass Mobile Safari unten eine Symbolleiste anzeigt des Ansichtsfensters wird angetippt
Ich denke, ich habe vielleicht eine Antwort gefunden. Legen Sie für Ihren Inhalt die folgenden Stile fest:
height: 100% (ermöglicht es dem Inhalt, das Ansichtsfenster zu füllen und über das
unten) overflow-y: scroll (ermöglicht das Scrollen unter dem Ansichtsfenster;
der Standardwert ist sichtbar) -webkit-overflow-scrolling: touch (um Scroll-Verhalten zu glätten) scheint zu erzwingen, dass das iOS-Menü in Safari immer angezeigt wird. Auf diese Weise funktionieren Schaltflächenklicks tatsächlich, anstatt das Safari-Menü zu öffnen.
Leider müssen Sie dieses CSS mit JavaScript-Browser-Erkennung paaren, da es das Scrollen auf iOS Chrome (auch Webkit) vermasselt. Es gibt keine Möglichkeit, alle Versionen von iOS Safari only nur mit CSS zu targetieren.
Ich habe das gleiche Problem. Wir arbeiten an der Implementierung einer Navigation auf unserer Website und die Safari bringt uns Probleme, denn wenn Sie unten auf den Bildschirm tippen, öffnet sich das untere Navigationsfenster von Safari. Die beste Lösung, die wir uns ausgedacht haben, ist, einen 44px-Platz unterhalb der Navigation hinzuzufügen, der wirklich schlecht aussieht. Es wäre schön, wenn ich die Navigation von Safari zwingen könnte, offen zu bleiben, damit sie diesen Raum füllen kann, anstatt einen im Wesentlichen nutzlosen leeren Block.
Tags und Links ios mobile-safari