Slinkties juostos yra vertikalios ir horizontalios juostos, esančios palei dešinę (rašant iš kairės į dešinę) ir apatinius lango kraštus arba atskirą lango sritį, skirtos turiniui perkelti vertikaliai arba horizontaliai. Tinklalapiuose naudojami HTML įterpti CSS elementai, skirti kontroliuoti jų išvaizdą ir elgesį.
Nurodymai
1 žingsnis
Naudokite „div“žymą, jei norite, kad slinkties juosta būtų sukurta ne visam puslapiui, o tik ribotai jos sričiai. HTML („HyperText Markup Language“) „žymos“nurodo atskiras naršyklės komandas tam tikram puslapio elementui rodyti. Paprasčiausia forma „div“žyma (dažnai vadinama „sluoksniu“) parašoma taip:
Tai yra sluoksnio viduje esantis tekstas
Čia yra pradinė žyma ir baigiamoji žyma. Viskas, kas dedama tarp atidaromosios ir uždaromosios etiketės, yra sluoksnyje, kaip ir talpykloje, ir ši talpa gali būti matuojama - plotis ir aukštis. Tai atliekama naudojant papildomą parametro („atributas“) stilių, kuris turėtų būti pridėtas prie pradinės žymos:
Tai yra sluoksnio viduje esantis tekstas
2 žingsnis
Įtraukite į „div“žymos stiliaus atributą ir sluoksnio slinkties juostų taisykles:
Tai yra sluoksnio viduje esantis tekstas
Čia perpildymas: automatinis reiškia, kad slinkties juostos pasirodys automatiškai, tai yra, kai sluoksnio turinys netilps į nurodytus matmenis. Jei automatinis bus pakeistas slinkimu, šios juostos visada bus, neatsižvelgiant į tai, ar jos reikalingos, ar ne. Paslėpta vertė turės priešingą efektą - slinktis niekada nebus rodoma, net jei šio konteinerio turinio nematyti už jo kraštų.
3 žingsnis
Norėdami pridėti slinkties juostų visam puslapiui, naudokite panašų metodą. Pagal numatytuosius nustatymus jie rodomi pagal poreikį, tačiau jei dėl kokių nors priežasčių reikia nuolatinio jų buvimo puslapyje, atitinkama stiliaus taisyklė turėtų būti pridėta prie šaltinio HTML kodo. Puslapio kode suraskite dokumento galvos uždarymo žymą ir prieš jį parašykite šias stiliaus instrukcijas:
body {overflow: scroll;}
