Paggawa ng div Vertically Scrollable Gamit ang CSS

Paggawa Ng Div Vertically Scrollable Gamit Ang Css



Gumagamit ang mga web developer ng HTML na bahagi, gaya ng mga header at footer, nav, div, larawan, at marami pang iba upang hatiin ang isang web page at mag-embed ng nilalaman. Mas partikular, ang '

Ang elementong ” ay isang sikat na bahagi ng HTML na nagbibigay ng madaling paraan upang hatiin ang isang pahina sa mga seksyon. Gusto ng ilang user na gawing patayo o pahalang na mai-scroll ang mga bahagi ng “
” para makatipid ng espasyo sa webpage.

Ipapakita ng post na ito ang paraan para sa paggawa ng vertical na scrollable div sa pamamagitan ng paggamit ng CSS.





Paano Gumawa/Gumawa ng isang div na Vertically Scrollable Gamit ang CSS?

Para gumawa ng vertically scrollable div sa pamamagitan ng paggamit ng CSS, sundin ang ibinigay na mga tagubilin.



Hakbang 1: Magdagdag ng Heading



Una sa lahat, magdagdag ng ' ” tag para sa pagdaragdag ng data sa gitna ng page. Pagkatapos, ipasok ang heading sa pamamagitan ng paggamit ng “

” tag.



Hakbang 2: Gumawa ng div Container sa HTML

Pagkatapos nito, lumikha ng '

” lalagyan at italaga ang klase na pinangalanang “ scroll-div ”. Pagkatapos nito, magdagdag ng ilang teksto o isang talata sa pagitan ng mga tag na
:





< gitna >
< h1 > Website ng Linuxhint h1 >
< div klase = 'scroll-div' > Ang Linuxhint ay isang sikat na website para sa paglikha ng nilalaman. nakagawa ito ng maraming produkto para sa tulong matutunan mo ang tungkol sa Linux, Programming, Computer Science, at higit pa. Nagbibigay ang platform na ito ng trabaho sa iba't ibang kategorya, kabilang ang HTML / CSS, javascript, Git, Windows, Dockers, Discord, at marami pang iba. Nagbibigay ito ng a kumpleto gabay tungkol sa mga kategoryang ito. Maaari ang mga gumagamit hanapin anumang paksang nauugnay sa nabanggit na kategorya. Sa sitwasyong ito kung ikaw ay isang baguhan, maaari kang sumangguni sa mga alituntunin para sa pagsulat ng isang artikulo.
div >
gitna >

Output

Hakbang 3: Style Heading

I-access ang elemento ng heading sa pamamagitan ng pagtukoy sa pangalan ng tag sa pagitan ng mga tag na