Application mobile développée avec HTML5stack et envoyée via PhoneGap Build. Test sur des appareils iOS (4s & 5c). J'ai remarqué que lorsque je clique pour naviguer vers une nouvelle page, mon en-tête et mon menu sont vides entre les charges, ce qui donne une apparence moins que transparente. J'espérais qu'en gardant l'en-tête et le menu à l'endroit exact dans toutes les pages, il semblerait que l'en-tête et le menu restent en place pendant que tout le reste change. Je suppose que quelqu'un va me dire d'utiliser un cadre structurel comme AngularJS, mais je ne le sais pas & ne peut pas épargner beaucoup plus de temps sur cette courbe d'apprentissage raide que je grimpe. Peut-être le prochain projet.Comment rendre l'en-tête et le menu horizontal cohérents lors de la navigation dans les pages
Mon code CSS ci-dessous.
#menu {
width: 100%;
position: fixed;
margin: 0px;
padding: 0px;
}
img.headerImg{
width: 100%;
margin-top: 0%;
padding: 0px ;
vertical-align: top;
}
.menu, .table {
position: fixed;
width: 100%;
margin: 0% ;
padding: 0% ;
color: white;
background-color: #1E3B56;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: x-small;
border-bottom-right-radius: 20%;
border-top-left-radius: 5%;
}
.navImg {
width: 25px;
height: 25px;
align-items: center;
position: absolute;
margin: 0px 4px 0px 0px;
padding: 2px 2px 0px 0px;
}
Si tout va bien, il y a une solution là-bas, mais si je dois vivre avec elle, alors je dois vivre avec ... pour l'instant.