2016-01-22 2 views
1

Je travaille sur un projet. Il y a un problème sur le côté frontal. Le site est sensible, mais quand je l'affiche dans la largeur mobile (spécialement pour iPhone 4 & 5), le défilement vertical ne fonctionne pas.page ne défile pas verticalement dans les appareils mobiles

Je n'utilise pas de div qui nécessite un défilement, toute la page ne défile pas verticalement, je crains de ne pas pouvoir fournir le code. La chose que je veux savoir est pourquoi cela arrive-t-il? et qu'aurais-je fait de mal?

1) J'ai ajouté -webkit-overflow-scrolling:touch sur l'étiquette de corps mais mon navigateur de chrome ne l'attrape pas et ne dit pas la propriété invalide.

2) J'ai ajouté body{overflow-y:scroll,position:relative} Maintenant il montre un parchemin mais il n'y a pas de barre entre le parchemin, et c'est à peu près coincé là.

+0

Avez-vous peut-être 'overflow: hidden;' sur 'body' ou' html'? –

+0

non il n'y a pas de débordement caché. – Coder

+0

Peut-être que c'est un plugin. Pouvez-vous poster un lien vers votre site web? Je me souviens d'avoir eu le même problème une fois. –

Répondre

3

Je pense que c'est en raison de position et z-index la valeur z-index faire problème dans votre petit écran.

Son possible que l'élément qui ont une valeur élevée z-index. vous arrêter pour défiler. Il est possible que vous ayez overflow:hidden au mauvais endroit. Ce sera bien, si vous montrez du code de ligne ou le lien de votre site.

+1

Ouais il y avait débordement: caché dans tag html, je l'ai mis à déborder: défilement et son fonctionnement parfaitement bien. – Coder