Maison > interface Web > tutoriel CSS > le corps du texte

Comment désactiver le « défilement excessif » dans Chrome pour Mac ?

Mary-Kate Olsen
Libérer: 2024-11-02 04:44:02
original
420 Les gens l'ont consulté

How to Disable

Comprendre et désactiver le « défilement excessif » des pages Web

La possibilité de « faire défiler excessivement » une page Web dans Chrome pour Mac offre un aperçu au-delà ses limites visibles. Cependant, certaines pages, comme Gmail et les nouvelles pages à onglet, ont désactivé cette fonctionnalité. Les utilisateurs cherchant à contrôler ou désactiver le « surdéfilement » peuvent trouver une solution efficace ici.

Bien que la solution acceptée puisse ne pas fournir le résultat souhaité, une approche globale implique la configuration du CSS de la page Web. Considérez le code suivant :

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

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

En définissant la propriété overflow de l'élément "html" sur "hidden", nous empêchons tout contenu de déborder sur la fenêtre d'affichage. La propriété de débordement de l'élément « body » est définie sur « auto », ce qui permet le défilement dans le contenu du document, tout en empêchant simultanément le « défilement excessif ».

Ce code désactive efficacement le « défilement excessif » tout en permettant un défilement fluide dans la page elle-même. . Les développeurs peuvent utiliser cette approche pour créer des pages Web qui contrôlent l'expérience de défilement et empêchent l'exposition involontaire du contenu.

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!

source:php.cn
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
À 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!