Problème de scroll impossible sur une charte Topaze


#1

Bonjour,

Je travaille sur une charte Topaze pour un serious game. Pour les besoins du jeu, j’ai un peu modifié le principe de fonctionnement de l’interface Web Topaze (à savoir habillage “fixe” autour d’un contenu scrollable le cas échéant).

Les éléments sont donc “revenus dans le flux” (header, main - content + stepTools, footer). Sur ordi, tout se passe très bien (et sur l’émulateur de smartphone intégré aux navigateurs également) mais si je consulte le module sur un vrai smartphone, alors il est impossible de scroller.

Quelqu’un saurait me dire ce qui bloque et à quel niveau?
Je peux envoyer le lien vers le module Web généré, par MP au besoin.

Merci beaucoup
Cordialement

Camille


#2

Bonjour,

Je veux bien le lien vers le module généré pour que je regarde.

Merci


#3

Bonjour à tous,

Mon problème était spécifique à ma situation mais je poste tout de même la solution de @mid qui fonctionne parfaitement:

html {
height: 100%;
width:100%;
overflow:hidden;
position:fixed;
}

body {
height: 100%;
margin:0;
-webkit-overflow-scrolling: touch; /* facultatif mais pour un scroll plus fluide sur iOS */
overflow:auto;
}

div.root{
min-height:100%;
display:flex;
flex-flow: column;
}

main{
flex : 2 1 auto; /* afin qu’il prenne toute la hauteur disponible */
}

Camille