Tags
Forum
Artikler
Brugere
Stil spørgsmål
1
online
Login
Husk mig
scroll i css.
Tags:
css
Bruger #17554
@ 09.11.13 15:38
50
Hej,
Har problemet med at lave en scroll boks i div.
Den viser kun en "bund" scroll. Hvorfor ikke en scroll som normal i rightsite?.
CSS kode
width: 100%;
margin: auto;
color: #fff;
height: 50px;
overflow: scroll;
3
svar postet i denne tråd vises herunder
1
indlæg har modtaget i alt
1
karma
Sorter efter stemmer
Sorter efter dato
1
Bruger #17215
@ 10.11.13 15:54
408
Overflow: scroll
Her definerer du blot at hvis noget indhold går ud over dit elements størrelse vil du få scrollbarer på.
Så hvis det går ud over siden får du i bunden og hvis det går længere end bunden vil du få scrollbar i siden.
Alternativt kan du sige overflow-y og overflow-x for at sætte noget specifikt på x-aksen eller y-aksen.
Dog vil jeg anbefale dig at bruge auto i stedet, da scroll vil gør der altid vises en scrollbar, men den ikke aktiveres før der er indhold nok til det.
Auto derimod vil sætte den på når det er nødvendigt.
Hvis du kun ønsker vertikalt eller horisontalt så kan du netop sætte overflow-y: auto; som eksempel.
Du behøver ikke sætte på begge to hvis du ved dit indhold ikke går ud over kanten på den ene led, men hvis du vil være sikker kan du sige at x-aksen ikke skal have scroll på.
0
Bruger #10216
@ 09.11.13 15:54
9
4.283
Hvis indholdet i din boks ikke går ud over højden vil scroll ikke være aktiveret - og nogle browsere vælger måske derfor ikke at vise en scrollbar.
Har du testet i flere browsere?
0
Bruger #16838
@ 09.11.13 16:31
169
http://jsfiddle.net/L2Rzv/
Har tilføjet overflow-y, og overflow-x for at fjerne den scrollbar i bunden i de browsere der kan det.
Karma barometer (30 dage)
Modtaget
Givet
X
Favorit hos
Forum tråde
Artikler
Tilføj til dine favorit tags
Fjern fra dine favorit tags