Les barres de défilement sont des barres verticales et horizontales le long des bords droit (lors de l'écriture de gauche à droite) et inférieurs d'une fenêtre ou d'une zone distincte dans une fenêtre, conçues pour déplacer le contenu verticalement ou horizontalement. Les pages Web utilisent des éléments CSS (Cascading Style Sheets) intégrés au HTML pour contrôler leur apparence et leur comportement.
Instructions
Étape 1
Utilisez une balise div si vous souhaitez que la barre de défilement ne s'applique pas à toute la page, mais uniquement à une zone limitée de celle-ci. En HTML (HyperText Markup Language), les "balises" font référence à des commandes individuelles permettant à un navigateur d'afficher un élément de page particulier. Dans sa forme la plus simple, une balise div (souvent appelée "couche") s'écrit comme ceci:
Ceci est le texte à l'intérieur du calque
Voici la balise d'ouverture et la balise de fermeture. Tout ce qui est placé entre les balises d'ouverture et de fermeture est dans le calque comme dans le conteneur et ce conteneur peut être dimensionné - largeur et hauteur. Cela se fait à l'aide d'un style de paramètre supplémentaire ("attribut"), qui doit être ajouté à la balise d'ouverture:
Ceci est le texte à l'intérieur du calque
Étape 2
Incluez également dans l'attribut style de la balise div et les règles pour les barres de défilement du calque:
Ceci est le texte à l'intérieur du calque
Ici débordement: auto signifie que les barres de défilement apparaîtront automatiquement, c'est-à-dire lorsque le contenu du calque ne rentrera pas dans les dimensions spécifiées. Si auto est remplacé par scroll, ces bandes seront toujours présentes, qu'elles soient nécessaires ou non. Une valeur masquée aura l'effet inverse - le défilement n'apparaîtra jamais, même si le contenu de ce conteneur n'est pas visible au-delà de ses bords.
Étape 3
Utilisez une méthode similaire pour ajouter des barres de défilement à la page dans son ensemble. Par défaut, ils apparaissent selon les besoins, mais si, pour une raison quelconque, leur présence constante sur la page est nécessaire, la règle de style correspondante doit être ajoutée au code html source. Trouvez la balise de fermeture de l'en-tête du document dans le code de la page et écrivez ces instructions de style devant:
body {overflow: scroll;}
