Comment désactiver le défilement de la barre de défilement en CSS

En CSS, vous pouvez utiliser les attributs overflow-x et overflow-y pour désactiver le défilement de la barre de défilement ; ajoutez le style "overflow-x:hidden" à l'élément boby pour désactiver le défilement de la barre de défilement horizontale, ajoutez Le style "overflow-y :hidden" désactive le défilement de la barre de défilement verticale.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

css désactive le défilement de la barre de défilement

Définir comme ceci :

body{    
    overflow-y: hidden;
    overflow-x: hidden;
}

L'attribut overflow-x spécifie s'il faut couper la gauche/s'il déborde de la zone de contenu de l'élément.

L'attribut overflow-y spécifie s'il faut couper le contenu des bords supérieur/inférieur s'il déborde de la zone de contenu de l'élément.

Lorsque les valeurs​​de ces deux propriétés sont définies sur "masquées", les barres de défilement horizontale et verticale peuvent être désactivées et le défilement des barres de défilement est interdit.

(Partage vidéo d'apprentissage : 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!