Comment pourrait-on forcer la barre de navigation bas Safari mobile pour montrer par programme?

J'ai un button fixe pour un CTA (appel à l'action) au bas de ma page web. En faisant défiler la page sur une version plus récente d'iOS, Safari mobile cache la barre de navigation inférieure (avec les buttons Précédent, Suivant, Partage, Signet et Nouvel onglet). Si vous click le button CTA, au lieu d'exécuter cette action, Safari mobile affiche la barre de navigation inférieure.

Comme une solution, je cherchais toujours à forcer la barre de navigation du bas. Y-a-t'il une façon de le faire? Les deux Jack Threads, lorsqu'ils sont vus sur mobile, et le site mobile de Thread Flip sont en mesure de retirer ceci lors de la visualisation d'un élément individuel.

Je suis incapable de faire de l'ingénierie inverse jusqu'à présent. Est-ce que quelqu'un sait comment le spectacle de force est accompli?

Lié à: Les buttons alignés en bas de la page entrent en conflit avec la barre de menus mobile de Safari et empêchent Mobile Safari de présenter la barre d'outils lorsque le bas de la window est tapé

Je pense que j'ai peut-être trouvé une réponse. Définir votre contenu pour avoir les styles suivants:

  • height: 100% (permet au contenu de remplir la window et d'aller au-delà)
  • overflow-y: scroll (vous permet de faire défiler sous la window, la valeur par défaut est visible)
  • -webkit-overflow-scrolling: touch (pour lisser tout comportement de défilement)

semble forcer le menu iOS dans Safari à toujours apparaître. De cette façon, les clics sur les buttons fonctionneront réellement au lieu d'ouvrir le menu Safari.

Malheureusement, vous devez coupler ce CSS avec la détection du browser JavaScript, car il perturbe le défilement sur iOS Chrome (également Webkit). Il n'y a aucun moyen de cibler toutes les versions d'iOS Safari en utilisant uniquement CSS.

J'ai ce même problème. Nous travaillons à la mise en place d'une navigation en bas de notre site et Safari nous pose des problèmes car le fait d'appuyer sur le bas de l'écran ouvre la navigation en bas de Safari, obligeant les users à cliquer deux fois. La meilleure solution que nous ayons trouvée a été d'append un espace de 44px en dessous de la navigation qui semble vraiment mauvaise. Ce serait bien si je pouvais forcer la navigation de safari à restr ouverte afin qu'elle puisse remplir cet espace au lieu d'un bloc vide essentiellement inutile.