Avatar billede Max Novice
03. marts 2009 - 17:57 Der er 4 kommentarer og
2 løsninger

Scrollable DIV, men overflow hidden

Hej igen.

Jeg mener på et tidspunkt at have set et eksempel med en div, hvor det var muligt at scrolle ned igennem indholdet. Det smarte var bare, at div'en ikke havde nogen scrollbar. Jeg har prøvet at genskabe det, men problemet med overflow:hidden er jo som bekendt, at det klipper det "overskydende" indhold væk.

Er der nogen, der er klar over hvordan man gør?

Håber I kan hjælpe.

Mvh.
Avatar billede keysersoze Ekspert
03. marts 2009 - 18:22 #1
Hvis selve div'en ikke har nogen scrollbar og det stadig skal være muligt at scrolle skal du lave det selv, fx med javascript som her; http://www.ghtml.com/showoff/scrollbar/index.html

ellers skal du bare bruge overflow: scroll; fremfor hidden.
Avatar billede mclemens Nybegynder
03. marts 2009 - 21:37 #2
Anbefaler JS som keysersoze viser. Man kan
også "gøre det muligt" scroll på denne måde:

<div style="width:100px;height:100px;overflow:hidden;">
<div style="width:118px;height:100px;background:#bbb;overflow-y:scroll;">
a<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>z</div></div>

- Men ikke det mest brugervenlige for dem der
ikke bruger muse-hjulet til at scrolle med tit.
Avatar billede olebole Juniormester
03. marts 2009 - 23:31 #3
<ole>

Gerts (ghtml.dk) er efterhånden mest af historisk interesse. Han skrev den til den første version af nikefootball.com i midten af 2000. På det tidspunkt var den f*ckin' state-of-the-art, og den fandt vej til mange af vores store løsninger på Framfab.

Et par år efter skrev en gut, der hed Rod Morelos en ny og opdateret version i forskellige varianter - horisontal, vertikal, med og uden flere typer scrollbar, osv. Faktisk havde den også scrollhjuls understøttelse i muligt omfang.
Han vedligeholdt projektet i adskillige år, men nedlagde det desværre for flere år siden.

Ghtml-scrolleren er fra WWW's jernalder og næppe anbefalelsesværdig længere - selvom den virker. På den anden side ved jeg ikke rigtig, hvad der i dag er 'derude' i god kode  =)

/mvh
</bole>
Avatar billede Max Novice
06. november 2013 - 20:18 #4
Læg et svar, så får I points.
Avatar billede keysersoze Ekspert
06. november 2013 - 22:46 #5
svar
Avatar billede mclemens Nybegynder
07. november 2013 - 19:20 #6
Ligger lige et svar hvis noget af det kunne bruges
/ Mvh Maria
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester