Fix div à fond sans l'aide de css position
Je suis d'avoir des problèmes avec position: fixed;
sur IOS8 Safari. J'ai déterminé que c'est lié à la pied div dont je suis le positionnement au bas de la page. J'ai aussi essayé de position: absolute;
mais cela ne fonctionne pas non plus.
Personne ne sait d'une manière à la position de ce sans l'aide de CSS position?
Voici le code que j'utilise:
.foot-nav{
position: fixed;
bottom: 0;
width: 100%;
}
ce qui n'a pas de travail? pourriez-vous fournir un peu de code?
C'est un peu vague.
J'ai ajouté le CSS que j'utilise. Lorsque je supprime le style de la position du pied de page apparaît près du haut. Si je la garde, elle a l'air super, mais provoque le défilement des questions sur IOS8 Safari.
Je crois que @Quantastical réfère à la manière dont jQuery mobile t-il. Voici quelques options. Regarder le CSS. Travaux à la charge du meilleur. jsbin.com/qiquca/1/edit
jsbin.com/qiquca/1
C'est un peu vague.
J'ai ajouté le CSS que j'utilise. Lorsque je supprime le style de la position du pied de page apparaît près du haut. Si je la garde, elle a l'air super, mais provoque le défilement des questions sur IOS8 Safari.
Je crois que @Quantastical réfère à la manière dont jQuery mobile t-il. Voici quelques options. Regarder le CSS. Travaux à la charge du meilleur. jsbin.com/qiquca/1/edit
jsbin.com/qiquca/1
OriginalL'auteur Clinton Green | 2014-10-01
Vous devez vous connecter pour publier un commentaire.
iOS a des problèmes avec correction du positionnement. Lors de la glisser pour faire défiler, il ne sera pas de mise à jour de la position fixe jusqu'à ce que le toucher/glisser est libéré.
Tout
position: fixed;
techniquement œuvres, le navigateur Safari mobile ne redessine pas l'élément fixe tandis que le défilement se passe afin de calculer correctement le fil-défilement de l'animation (en faisant glisser et en libérant les causes de la page pour garder le défilement en fonction de la vitesse de glissement), il n'est donc pas de mise à jour jusqu'à ce que l'animation s'est arrêté.Vous pouvez, en théorie, l'utilisation de JavaScript pour mettre à jour manuellement l'élément de la position d'un tas de fois pendant le glissement se produit, mais qui va remplacer la valeur par défaut, un comportement naturel de mobile Safari.
Plus à la lecture de documents et d'exemples, si vous êtes intéressé: http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios
La façon de jQuery mobile n'est en mettant de la non-fixe le contenu à l'intérieur d'un div scrollable qui irait du haut de la fenêtre vers le bas de la page moins la hauteur du contenu fixe. Autres que que, JavaScript interrogation de l'événement scroll est la seule option, mais même si vous étiez à réécrire le glisser/version slide effect (j'ai essayé), la prévention, le défilement par défaut événement sera aussi l'arrêt de la bande de caoutchouc au cours de défilement, ce qui ne peut être émulé en JavaScript seul.
Je ne pouvais pas trouver un moyen de résoudre mon problème mais cette réponse explique pourquoi le problème se pose. Merci
J'ai finalement trouvé la cause et ne pas avoir à s'embêter avec le positionnement. IOS8 Safari ne peut pas gérer les transitions plus, qui a été à l'origine de tous les problèmes. Les retirer et il fonctionne.
OriginalL'auteur Quantastical
Vous devriez essayer
position:sticky;
. Il est fait de traiter avecposition
sur Safari.fixed
a été un problème avec les appareils mobiles pendant des années. Je pensais que c'était fixe, mais iOs8 a le comportement bizarre aussi...http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit
Cela a fonctionné pour moi quand j'ai eu le même problème avec iOS 8.
il affiche un avertissement sur le css lors de l'utilisation de "position: collant" dans safari, êtes-vous sûr est encore disponible? EDIT: Oh, nvm, c'est -moz-collant 🙂 merci!
OriginalL'auteur Jason Lydon