Verberg scrollbar in CSS/HTML

[Brilsmurfffje]

ik ben bezig met een website, deze heb ik gemaakt met divs en css. Nou heb ik alleen een probleem met de scrollbars. Ik kan ze wel verbergen met:
in de css

code:

body {overflow:hidden;}

Maar als ik dan de webpagina bekijk en er staat veel text op valt het er af. Normaal gebruik je daar de scrollbar voor om het toch te bekijken. Nu vraag ik mij af is het mogelijk om de scrollbar te verbergen en toch nog te kunnen scrollen met bijv. een muiswieltje. Als ik namelijk de linkermuisknop ingedrukt houd dan kan ik wel dmv selecteren naar beneden scrollen, maar dat is niet echt mooi.

edit: ik heb gegoogled, maar dan vind ik alleen maar kleur aanpassen.

[ Voor 5% gewijzigd door Brilsmurfffje op 12-02-2010 18:45 ]

[Aganim]

Kan je niet beter kiezen voor overflow: auto? Een scrollbalk wordt dan alleen gebruikt op het moment dat er teveel content is. Alleen scrollen met muiswiel is nogal vervelend voor mensen die geen of een defect scrollwiel hebben.

[Ook al Bezet]

Volgens mij kan dat niet met CSS. Het lijkt me voor de gebruikers ook niet ideaal. Dat er nog meer tekst dan je kunt zien moet je dan maar net weten.

[Sp33dFr34k]

Heb je een (test)linkje? Dit zou toch anders op te lossen moeten zijn, wat jij wilt is niet echt mooi imo...

[RobIII]

Lekker intuïtief: geen scrollbalken maar wel scrollable content. Moet je vooral doen als je je gebruikers wil verwarren

[Brilsmurfffje]

zijn er dan scrollbalken in bijv. flash of java? Die je zo mag overnemen.

[pieturp]

Snap je laatste vraag niet, verder helemaal eens met RobIII.

Kun je me uitleggen wáárom je de scrollbalk wilt hiden? Bijna elke site heeft ze toch

[RobIII]

brilsmurfffje schreef op vrijdag 12 februari 2010 @ 20:43:
zijn er dan scrollbalken in bijv. flash of java? Die je zo mag overnemen.

Je doelt waarschijnlijk op javascript; dat is iets compleet anders dan Java. En het antwoord op je vraag kun je prima zelf vinden als je de moeite neemt 2 seconden naar Google te gaan.

[Verwijderd]

Het is een verdomd slecht idee, inderdaad maar dit zou ongeveer moeten doen wat je vraagt:

Cascading Stylesheet:

#outer {
    width:200px;
    height:200px;
    overflow:hidden;
}

#inner {
    width:220px;
    height:200px;
    overflow:auto;
}