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

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;
}

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;
}

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!