position iOS Safari: fixe ne fonctionne pas du tout

-1

position: fixe ne fonctionne pas sur le navigateur de safari mobile. J'ai essayé deux appareils, iPhone7 et 5s avec les dernières versions de Safari. Je perds la tête. Aucun tour d'Internet que j'ai déjà trouvé pourrait m'aider. J'ai trouvé un site où mon iPhone m'a montré une barre de navigation fixe. Mais quand j'ai copié le code source de ce site dans mon code, mon iphone a refusé d'afficher la barre de navigation comme élément fixe.position iOS Safari: fixe ne fonctionne pas du tout

.fixed { 
    position:fixed; 
    width:100%; 
    z-index:1; 
    top: 0; 
    overflow: hidden; 
}

En outre, ces appareils ne prennent pas en charge tout type de détection de défilement, ni window.pageYOffset ni window.parent.pageYOffset ni document.documentElement.scrollTop. Tous les spectacles 0. S'il vous plaît, aidez-moi. Je ne peux pas supporter ça plus

Source

2017-07-06 Leonid Gordun

Pouvez-vous nous montrer le site complet, si possible? –

Parlez-vous du site où mon iPhone affiche la position: corrigé correctement? Si tel est le cas, voici le lien https://www.w3schools.com/w3css/tryw3css_templates_apartment_rental.htm –

Non, où il le montre incorrectement –

Essayez d'ajouter le CSS suivant

nav{ 
    -ms-transform: translate3d(0,0,0); 
    -webkit-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
}

Si cela ne fonctionne pas, essayez cette place

nav{ 
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0); 
}

S'il vous plaît laissez-moi savoir si elle aide

Source

2017-07-06 23:32:46

Non, malheureusement, ne fonctionne pas, les deux variantes –

Le problème avec position:fixed est arrivé parce que mon code a été exécuté dans Codepen. Tout fonctionne bien

Source

2017-07-15 01:37:04

position iOS Safari: fixe ne fonctionne pas du tout

Répondre

Questions connexes