Vertikálne rolovanie div pomocou CSS

Vertikalne Rolovanie Div Pomocou Css



Weboví vývojári používajú komponenty HTML, ako sú hlavičky a päty, navigácia, div, obrázok a mnohé ďalšie na rozdelenie webovej stránky a vloženie obsahu. Presnejšie povedané, „

” prvok je populárny komponent HTML, ktorý poskytuje jednoduchý spôsob, ako rozdeliť stránku na sekcie. Niektorí používatelia chcú, aby sa komponenty „
“ posúvali vertikálne alebo horizontálne, aby sa ušetril priestor na webovej stránke.

Tento príspevok demonštruje metódu na vytvorenie vertikálne rolovateľného div pomocou CSS.





Ako vytvoriť/vytvoriť div vertikálne posúvateľný pomocou CSS?

Ak chcete vytvoriť vertikálne posúvateľný div pomocou CSS, postupujte podľa uvedených pokynov.



Krok 1: Pridajte nadpis



Najprv pridajte „ ” tag na pridávanie údajov do stredu stránky. Potom vložte nadpis pomocou „

” tag.



Krok 2: Vytvorte kontajner div v HTML

Potom vytvorte „

” kontajner a priraďte triedu s názvom “ scroll-div “. Potom pridajte nejaký text alebo odsek medzi značky
:





< stred >
< h1 > Webová stránka Linuxhint h1 >
< div trieda = 'scroll-div' > Linuxhint je populárna webová stránka pre tvorba obsahu. vytvorila mnoho produktov Pomoc dozviete sa o Linuxe, programovaní, informatike a ďalších. Táto platforma poskytuje prácu v rôznych kategóriách vrátane HTML / CSS, javascript, Git, Windows, Dockers, Discord a mnoho ďalších. Poskytuje a kompletný sprievodcu o týchto kategóriách. Používatelia môžu Nájsť akúkoľvek tému súvisiacu s uvedenou kategóriou. V tejto situácii ak ak ste začiatočník, môžete si prečítať pokyny pre písanie článku.
div >
stred >

Výkon

Krok 3: Štýl nadpisu

Prístup k prvku nadpisu získate zadaním názvu značky medzi značky