Realizarea unui div care poate fi derulat vertical folosind CSS

Realizarea unui div care poate fi derulat vertical folosind CSS

Este ușor să faceți un div care poate fi derulat pe verticală, folosind proprietatea de overflow CSS. Există valori diferite în proprietatea de debordare . Putem folosi această proprietate pentru a obține o bară de defilare pe o pagină web. Exemplele menționate mai jos sunt modalitățile de a seta o bară de defilare verticală pe o pagină web.

Exemplul 1: În acest exemplu, am setat overflow-x: hidden; și overflow-y: auto; care va ascunde automat bara de defilare orizontală și va prezenta doar bara de defilare verticală.

html




> <> html> >>>> <> style> >>>>

Ieșire:

ezgifcom-video-to-gif-(12)

Ieșire

Exemplul 2: În acest exemplu, utilizați auto în loc de overflow-x:hidden; și overflow-y:auto; pentru a face div derulabil vertical.

html




> <> html> >>>> <> style> >>>>

Ieșire:

ezgifcom-video-to-gif-(13)

Ieșire