Padarīt div vertikāli ritināmu, izmantojot CSS

Padarīt div vertikāli ritināmu, izmantojot CSS

Izmantojot CSS pārpildes rekvizītu, ir viegli izveidot div vertikāli ritināmu. Ir dažādas vērtības pārplūdes īpašums . Mēs varam izmantot šo īpašumu, lai tīmekļa lapā iegūtu ritjoslu. Tālāk minētie piemēri ir veidi, kā tīmekļa lapā iestatīt vertikālu ritjoslu.

1. piemērs: Šajā piemērā mēs esam iestatījuši overflow-x: paslēpts; un overflow-y: auto; kas automātiski paslēps horizontālo ritjoslu un parādīs tikai vertikālo ritjoslu.

html




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

Izvade:

ezgifcom-video-to-gif-(12)

Izvade

2. piemērs: Šajā piemērā overflow-x:hidden vietā izmantojiet auto; un overflow-y:auto; lai div būtu vertikāli ritināms.

html




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

Izvade:

ezgifcom-video-to-gif-(13)

Izvade