Maison > interface Web > tutoriel CSS > Comment éliminer le « défilement excessif » indésirable dans Chrome pour Mac ?

Comment éliminer le « défilement excessif » indésirable dans Chrome pour Mac ?

Patricia Arquette
Libérer: 2024-10-30 10:32:03
original
603 Les gens l'ont consulté

How to Eliminate Unwanted

Surmonter le « défilement excessif » dans les pages Web

Dans Chrome pour Mac, le « défilement excessif » est un effet indésirable qui permet aux utilisateurs de faire glisser une page au-delà de sa zone d'affichage normale, comme on le voit sur l'image fournie. Pour résoudre ce problème et améliorer l'expérience utilisateur, envisagez les deux méthodes suivantes :

Méthode 1 : Restreindre le surdéfilement

Si vous souhaitez désactiver entièrement le surdéfilement, utilisez le code CSS suivant :

html {
    overflow: hidden;
    height: 100%;
}

body {
    height: 100%;
    overflow: auto;
}
Copier après la connexion

Le débordement : propriété cachée sur le L'élément empêche tout contenu de débordement de devenir visible, délimitant ainsi la page dans sa fenêtre d'affichage. La propriété overflow: auto sur le L'élément permet un défilement naturel dans la hauteur désignée de la page, mais restreint le sur-défilement.

Méthode 2 : personnalisation du comportement de sur-défilement

Pour personnaliser et contrôler le comportement de sur-défilement, utilisez la propriété touch-action :

body {
    -webkit-touch-callout: none;
    -webkit-touch-action: manipulation;
}
Copier après la connexion

Le code ci-dessus empêche la sélection de texte tout en permettant une manipulation tactile générale, y compris le défilement dans la hauteur définie de la page. Pour un contrôle plus granulaire, vous pouvez spécifier des valeurs d'action tactile précises, telles que pan-x pour autoriser uniquement le défilement horizontal.

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 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 articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal