Comment mettre une barre de défilement sur ma page

L'ajout de barres de défilement sur une page Web nécessite un petit morceau de code CSS.

Étape 1

Ouvrez l'application Notepad et copiez le code ci-dessous:

.scrollbars {overflow: scroll; hauteur: 300px;}

Le code ci-dessus définit la propriété "débordement" et crée une boîte de défilement de 300 pixels.

Étape 2

Enregistrez le fichier à l’étape 1 sous le nom "scrollbar.css".

Étape 3

Ouvrez la page où vous voulez que les barres de défilement apparaissent et ajoutez le code suivant à la section entre les onglets et:

Cette ligne de code fait référence au "scrollbar.css" que vous avez créé et ajoute les informations de ce fichier à votre page.

Étape 4

Utilisez les onglets pour ajouter les barres de défilement aux parties de la page où vous souhaitez que les barres de défilement soient appliquées comme indiqué:

Contenu de ma page (contenu de ma page) Le code précédent ajoute des barres de défilement à la zone de la page qui contient le "Contenu de ma page". Vous pouvez spécifier d'autres sections de la page, simplement en ajoutant la ligne "au div cible.

Étape 5

Enregistrez "scrollbars.css" et la page pour afficher les barres de défilement dans le même répertoire.

Étape 6

Ouvrez la page avec un navigateur Web pour voir si c'est fait correctement.

Références

  • Boutell: Comment ajouter une barre de défilement à une partie de page? (Comment puis-je ajouter une barre de défilement à une partie d'une page?)

Plus d'articles

  • Pourquoi la barre de défilement disparaît-elle parfois des pages Web? Pourquoi la barre de défilement disparaît-elle parfois des pages Web?
  • Comment ajouter des barres de défilement dans une DIV Comment ajouter des barres de défilement dans une DIV
  • Comment ajouter une barre de défilement dans Visual Basic Comment ajouter une barre de défilement dans Visual Basic
  • Les parties d'un code à barres Les parties d'un code à barres
  • Comment trouver des articles par code à barres Comment trouver des articles par code à barres
  • Comment faire des codes à barres dans Excel Comment faire des codes à barres dans Excel
  • Comment faire fonctionner la barre de défilement de l'écran tactile? Comment faire fonctionner la barre de défilement de l'écran tactile?