webForumDet fria alternativet

Horisontell scroller

HTML & CSS

2 svar · 460 visningar · startad av Jesper T

Medlem sedan nov. 20017 144 inlägg
Frågan#1

Hur gör man enklast en horisontell scroller på detta vis om jag vill att den skall vara crossbrowser?

Medlem sedan jan. 20016 874 inlägg
#2

Många sätt att lösa det på.
Principen är att du har två "behållare" (ex. två <div>)
Båda lika höga fast den ena bredare än den andra.

<div style="width:100px;height:150px; overflow:auto;">
<div style="width:500px;height:150px;">innehållet i diven
</div>
</div>

Sedan får du justera med lite padding och dimentioner till det passar för ditt bruk.
Detta är väl mest principielt, exprimentera lite vetja ;)

Medlem sedan feb. 2003774 inlägg
#3

Eller så går det bra med endast en div:

<div style="width:100px;height:50px; overflow:auto;">
massor med text här som kommer att trigga en scrollbar när större än angiven width. 
</div>
255 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)