Sådan Tilføjes En Rullebjælke

Indholdsfortegnelse:

Sådan Tilføjes En Rullebjælke
Sådan Tilføjes En Rullebjælke

Video: Sådan Tilføjes En Rullebjælke

Video: Sådan Tilføjes En Rullebjælke
Video: Стилизация скроллбара на CSS | Scrollbar CSS 2024, November
Anonim

Rullebjælker er lodrette og vandrette bjælker langs højre (når du skriver fra venstre mod højre) og nederste kanter af et vindue eller et separat område i et vindue, der er designet til at flytte indholdet lodret eller vandret. Websider bruger Cascading Style Sheets (CSS) -elementer indlejret i HTML til at kontrollere deres udseende og opførsel.

Sådan tilføjes en rullebjælke
Sådan tilføjes en rullebjælke

Instruktioner

Trin 1

Brug et div-tag, hvis du ikke vil gøre rullepanelet ikke til hele siden, men kun i et begrænset område af det. I HTML (HyperText Markup Language) henviser "tags" til individuelle kommandoer, som en browser skal vise et bestemt sideelement. I sin enkleste form er et div-tag (ofte omtalt som et "lag") skrevet således:

Dette er teksten inde i laget

Her er åbningskoden og er det afsluttende mærke. Alt, hvad der er placeret mellem åbnings- og lukemærkerne, er i laget som i containeren, og denne container kan dimensioneres - bredde og højde. Dette gøres ved hjælp af en yderligere parameter ("attribut") stil, der skal føjes til åbningstagget:

Dette er teksten inde i laget

Trin 2

Inkluder også i attributten for div-taggen og reglerne for lagets rullepaneler:

Dette er teksten inde i laget

Her overløb: auto betyder, at rullebjælkerne vises automatisk, dvs. når lagets indhold ikke passer til de angivne dimensioner. Hvis auto erstattes med rulle, vil disse striber altid være til stede, uanset om de er nødvendige eller ej. En skjult værdi vil have den modsatte effekt - rullen vises aldrig, selvom indholdet af denne beholder ikke er synlig ud over dens kanter.

Trin 3

Brug en lignende metode til at tilføje rullepaneler til siden som helhed. Som standard vises de efter behov, men hvis der af en eller anden grund er behov for deres konstante tilstedeværelse på siden, skal den tilsvarende stilregel føjes til kildens html-kode. Find det afsluttende mærke til dokumentets hoved i sidens kode, og skriv disse stilinstruktioner foran det:

krop {overløb: rul;}

Anbefalede: