Maison >interface Web >tutoriel CSS >Le terminal mobile définit la méthode overflow:hidden pour empêcher le défilement de la page.

Le terminal mobile définit la méthode overflow:hidden pour empêcher le défilement de la page.

巴扎黑
巴扎黑original
2017-09-09 14:12:412879parcourir

J'ai rencontré un problème très embarrassant au travail aujourd'hui. L'article suivant vous présente principalement la méthode d'interdiction de paramétrage du débordement : caché sur le terminal mobile, mais la page défile toujours à travers un exemple de code. les amis dans le besoin peuvent s'y référer. Jetons un coup d'œil ci-dessous.

Avant-propos

Cet article vous présente principalement la méthode de désactivation du défilement de la page overflow:hidden sur le terminal mobile Partagez-le. Pour votre référence et votre étude, je n'en dirai pas plus ci-dessous, jetons un coup d'œil à l'introduction détaillée.

Si vous utilisez overflow:hidden dans la balise body, le navigateur mobile peut toujours défiler, car le navigateur mobile est basé sur des événements tactiles. Il existe deux solutions.

Méthode 1 :

Ajouter un calque Wrap p, puis réglez la hauteur de ce p sur window.height() et overflow:hidden pour résoudre votre problème.

Méthode 2 :

Ajouter position:fixed; au corps Exemple :


body {
 overflow:hidden;
 position:fixed;
 left:0;
 top:0;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn