Maison> interface Web> Tutoriel H5> le corps du texte

Comment résoudre le problème du décalage glissant sur le terminal mobile en h5

王林
Libérer: 2020-11-24 16:27:42
avant
7114 Les gens l'ont consulté

Comment résoudre le problème du décalage glissant sur le terminal mobile en h5

La solution est la suivante :

(Recommandations vidéo associées :Tutoriel vidéo HTML)

1. Côté ios L'attribut -webkit-overflow-scrolling peut contrôler l'effet de défilement de la page. Les paramètres sont les suivants pour obtenir un défilement inertiel et des effets élastiques :

body{ -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: scroll; }
Copier après la connexion

2.

html,body{ height: 100%; }
Copier après la connexion

Modifiez ce qui précède Supprimez simplement le code.

3.Si aucune de ces deux méthodes ne fonctionne, il existe une autre solution, qui consiste à utiliser le composant de glissement de zone dans le composant mui

Copier après la connexion

Configurez la valeur dans scroll en fonction de votre situation réelle.

Remarque : rebond : vrai doit être vrai S'il est remplacé par faux, la page entière ne peut pas glisser

Recommandations associées :h5

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
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
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!