Rendre un div défilable verticalement à l'aide de CSS

Rendre Un Div Defilable Verticalement A L Aide De Css



Les développeurs Web utilisent des composants HTML, tels que des en-têtes et des pieds de page, nav, div, image et bien d'autres pour diviser une page Web et intégrer du contenu. Plus précisément, le «

” est un composant HTML populaire qui permet de diviser facilement une page en sections. Certains utilisateurs souhaitent que les composants '
' défilent verticalement ou horizontalement pour conserver l'espace de la page Web.

Cet article démontrera la méthode pour créer une div à défilement vertical en utilisant CSS.





Comment faire/créer un div à défilement vertical avec CSS ?

Pour créer une div à défilement vertical en utilisant CSS, suivez les instructions données.



Étape 1 : Ajouter un en-tête



Tout d'abord, ajoutez un ' ” tag pour ajouter des données au centre de la page. Ensuite, insérez le titre en utilisant le '

' étiqueter.



Étape 2 : Créer un conteneur div en HTML

Après cela, créez un '

' conteneur et assignez la classe nommée ' scroll-div ”. Après cela, ajoutez du texte ou un paragraphe entre les balises
 :





< centre >
< h1 > Site Web Linuxhint h1 >
< div classer = 'scroll-div' > Linuxhint est un site Web populaire pour création de contenu. il a construit de nombreux produits pour aider vous en apprendrez plus sur Linux, la programmation, l'informatique, etc. Cette plate-forme fournit des travaux sur différentes catégories, y compris HTML / CSS, javascript, Git, Windows, Dockers, Discord et bien d'autres. Il fournit une Achevée guide sur ces catégories. Les utilisateurs peuvent trouver tout sujet lié à la catégorie mentionnée. Dans cette situation si vous êtes débutant, vous pouvez vous référer aux lignes directrices pour rédaction d'un article.
div >
centre >

Sortir

Étape 3 : Style de titre

Accédez à l'élément d'en-tête en spécifiant le nom de la balise entre les balises