pour masquer les barres de défilement ; 2. Définissez "" pour masquer les barres de défilement lorsqu'elles ne sont pas nécessaires ; 3. Masquez la barre de défilement via l'attribut de débordement."/> pour masquer les barres de défilement ; 2. Définissez "" pour masquer les barres de défilement lorsqu'elles ne sont pas nécessaires ; 3. Masquez la barre de défilement via l'attribut de débordement.">

Maison  >  Article  >  interface Web  >  Comment désactiver les barres de défilement en CSS

Comment désactiver les barres de défilement en CSS

藏色散人
藏色散人original
2021-04-02 11:29:046151parcourir

Comment désactiver les barres de défilement en CSS : 1. Ajoutez "scroll="no"" à pour masquer les barres de défilement ; 2. Définissez "<boby scroll="auto">" pour masquer les barres de défilement lorsqu'elles ne sont pas nécessaires. ;3. Masquez la barre de défilement via l'attribut de débordement.

Comment désactiver les barres de défilement en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

CSS désactive la barre de défilement

CSS désactive les barres de défilement. Il existe 4 méthodes, comme suit :

1 Masquer complètement

Ajouter scroll="no" à <. ;boby> , peut masquer la barre de défilement ;

<boby scroll="no">

2. Masquer lorsque vous n'en avez pas besoin

signifie que lorsque la largeur ou la hauteur de la fenêtre du navigateur est supérieure à la largeur ou à la hauteur de la page. , la barre de défilement ne sera pas affichée ;

Au contraire, elle sera affichée

<boby scroll="auto">

3. Méthode de feuille de style (c'est plus simple à utiliser)

Ajouter ; style="overflow-x:hidden" dans d9f058346999e1080c17c8a8369de063, vous pouvez masquer la barre de défilement horizontale

Ajouter style="overflow-y:hidden" pour masquer la barre de défilement verticale ;

Ajoutez

<style>
html { overflow-x:hidden; }
</style>

à la page 4 incluse. Une autre méthode

<style type="text/css">
body {
overflow-x:hidden;
overflow-y:hidden;
}
</style>
<style type="text/css">
html {
overflow-x:hidden;
overflow-y:hidden;
}
</style>

Apprentissage recommandé : "Tutoriel vidéo CSS"

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