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

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.

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 , 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!