PADARYTI DIV VERTIKALIAI SLENKAMĄ NAUDOJANT CSS

Naudojant CSS perpildymo ypatybę, nesunku padaryti div vertikaliai slenkamą. Yra skirtingų vertybių perpildymo nuosavybė . Šią ypatybę galime naudoti norėdami gauti slinkties juostą tinklalapyje. Toliau pateikti pavyzdžiai yra būdai, kaip tinklalapyje nustatyti vertikalią slinkties juostą.

1 pavyzdys: Šiame pavyzdyje mes nustatėme perpildymą-x: paslėptas; ir perpildymas-y: auto; kuri automatiškai paslėps horizontalią slinkties juostą ir parodys tik vertikalią slinkties juostą.

java eilutės formatavimas

html

> <>html>>>> head>>>> <>style>>>> h1 {> >color: Green;> >}> >div.scroll {> >margin: 4px, 4px;> >padding: 4px;> >background-color: green;> >width: 500px;> >height: 110px;> >overflow-x: hidden;> >overflow-y: auto;> >text-align: justify;> >}> >

style>galva>     techcodeview.comh1>Tai gera platforma mokytis programuoti.  Tai edukacinė svetainė.  Pasiruoškite įdarbinimo procesui su produktais pagrįstose įmonėse, pvz., „Microsoft“, „Amazon“, „Adobe“ ir kt., dalyvaudami nemokamuose internetinio pasirengimo stažuotėms kurse. Kursuose pagrindinis dėmesys skiriamas įvairiems MCQ ir kodavimo klausimams, kurie gali būti užduodami interviu, ir kad jūsų būsimas įdarbinimo sezonas būtų efektyvus ir sėkmingas. Be to, bet kurie geikai gali padėti kitiems geekams rašydami straipsnius techcodeview.com. Straipsniai skelbiami atlikus kelis veiksmus, kurie yra Straipsniai, kuriuos recenzentai turi mažai keisti / patobulinti, pirmiausia skelbiami.  Norėdami greitai peržiūrėti savo straipsnius, peržiūrėkite esamus straipsnius, jų formatavimo stilių, kodavimo stilių ir stenkitės, kad jie būtų artimi. Jei esate pradedantysis, galite peržiūrėti gaires, kaip parašyti straipsnį div> centre> body> html>>>

> 
    
     Išvestis:    
avilio architektūra
  Išvestis
     2 pavyzdys:    Šiame pavyzdyje naudokite auto vietoj overflow-x:hidden; ir perpildymas-y:auto; kad „div“ būtų galima vertikaliai slinkti.
 html
 
    
      
  
1 iš 1000
     
      
     
    
 
     > <>html>>>> head>>>> <>style>>>> h1 {> >color: Green;> >}> >div.gfg {> >margin: 5px;> >padding: 5px;> >background-color: green;> >width: 500px;> >height: 110px;> >overflow: auto;> >text-align: justify;> >}> >style>galva>     techcodeview.comh1>Tai gera platforma mokytis programuoti. Tai mokomoji svetainė. Pasiruoškite įdarbinti tokias produktais pagrįstų įmonių kaip „Microsoft“, „Amazon“, „Adobe“ ir kt., dalyvaudami nemokamuose internetinio pasirengimo stažuotėms kurse.  Kursuose pagrindinis dėmesys skiriamas įvairiems MCQ ir kodavimo klausimams, kurie gali būti užduodami interviu metu, ir kad jūsų būsimas įdarbinimo sezonas būtų efektyvus ir sėkmingas. Be to, bet kurie geekai gali padėti kitiems geekams rašydami straipsnius techcodeview.com. Straipsniai skelbiami atlikus kelis veiksmus, kurie yra Straipsniai, kuriuos recenzentai turi mažai keisti / patobulinti, pirmiausia skelbiami. Norėdami greitai peržiūrėti savo straipsnius, peržiūrėkite esamus straipsnius, jų formatavimo stilių, kodavimo stilių ir stenkitės, kad jie būtų artimi. Jei esate pradedantysis, galite peržiūrėti gaires, kaip parašyti straipsnį div> centre> body> html>>>  
 
 
 
    
eilutę kaip masyvą
 > 
    
     Išvestis:    
  Išvestis

TechCodeview

html

html