iPhone 6+ Mobile Safari iOS 8 Landschaft mit geöffneten Tabs und Bootstrap navbar-Fixed-Top wird nicht geschlossen, wenn geöffnet

9

Ich habe einen Fehler mit Bootstraps navbar-fixed-top mit der mobilen Safari des iPhone 6 + in Landschaft auf iOS 8 bekommen. Der Fehler tritt nur bei anderen geöffneten Tabs auf.

So wird es repliziert:
1) Gehe zu Ссылка auf deinem iPhone 6+ im Querformat - stelle sicher, dass du noch einen anderen Tab geöffnet hast
2) Scrollen Sie die Seite herunter, ohne den Einsturz zu öffnen 3) Sobald die Statusleiste von Safari (die URL und die Tabs) verschwindet, öffne die Navigationsleiste 4) Scrollen Sie zurück, so dass die Statusleiste von Safari mit Tabs wieder angezeigt wird 5) Versuchen Sie, die Navigationsleiste zu schließen.

Ich hatte diesen Fehler in iOS 7, konnte ihn jedoch beheben, indem ich das Ansichtsfenster minimum-ui meta hinzufügte. Ich habe mein iPhone 6+ und den 6+ iPhone Simulator mit der neuesten Version von iOS 8 getestet. Es scheint, dass die Tabs schuld sind, da das normale iPhone 6 dieses Problem nicht hat, da die Tabs nicht in der Statusleiste angezeigt werden . Ich könnte mir vorstellen, dass dieser Bug über Bootstrap hinausgeht, aber auf jedes feste Element auf der Oberseite zutrifft.

%Vor%

Ich muss noch eine Arbeit finden. Irgendwelche Ideen?

    
Jacob Hyde 21.04.2015, 19:07
quelle

1 Antwort

2

Wenn ich richtig verstehe, tritt dieses Problem auf, wenn die Querformat-Registerkarten geöffnet sind. Sie können das mobile Menü weder öffnen noch schließen.

Ich habe es mit einem Workaround behoben:

  1. Mache ein absolut positioniertes div (mit id #ios_menu_fix in diesem Fall) über die Größe der Umschaltfläche.
  2. In css richten Sie es aus, wo sich die Umschalttaste im festen Navigationsmenü befinden würde. Stellen Sie sicher, dass es z-index set und auch -webkit-transform hat: translate3d (0,0,0); um das ios z-index Problem beim Scrollen zu beheben.
  3. Jedes Mal, wenn die Seite gescrollt wird, legen Sie die Höhe der oberen Seite wie folgt fest:

    %Vor%
  4. Öffnen / schließen Sie das Menü, wenn Sie auf #ios_menu_fix klicken

    %Vor%

Sie können überprüfen, ob das Menü wie folgt geöffnet ist:

%Vor%

Es ist eine hässliche Lösung, aber die einzige, die ich derzeit finde funktioniert, die andere mobile Browser und Layouts nicht bricht.

Diese Codebeispiele verwenden JQuery.

    
Ectizoi 04.07.2015 14:20
quelle