scroll i css.

Tags:    css

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?.

Fold kodeboks ind/udCSS kode 




3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
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å.



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?



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.



t