Archief - Custom scroll bar

Hoi,

ik probeer al een tijd een custom scrollbar voor elkaar te krijgen.

http://i51.tinypic.com/64pbwi.jpg

Dus een scroll in de pagina zelf, niet de scrollbar van de browser. Ik wil daar dus gewoon zoals in het voorbeeld 2 eigen afbeeldingen van pijltjes plaatsen (liefst zonder slider, maar als dit niet gaat ook met custom image voor de slider).

Nu heb ik al verschillende scripts geprobeerd en aangepast die via javascript werkten maar geen enkel voldeed.

Ik verwacht uiteraard niet dat hier zomaar even hapklaar de code geschreven wordt hoor, eventueel in de juiste richting kunnen duwen zou al ten zeerste gewaardeerd worden.

Ik neem aan dat ge het wel crossbrowser zult willen? Dan zult ge sowieso wel aan een Javascript implementatie vast zitten.

Maar Webkit heeft wel zijn eigen css-tags waarmee ge de scrollbar kunt stylen. Heb er zelf ook al wat mee geëxperimenteerd, maar vind de code een beetje onlogisch. Surfin’ Safari - Blog Archive » Styling Scrollbars

Zero Grav zei:

Ik neem aan dat ge het wel crossbrowser zult willen? Dan zult ge sowieso wel aan een Javascript implementatie vast zitten.

Maar Webkit heeft wel zijn eigen css-tags waarmee ge de scrollbar kunt stylen. Heb er zelf ook al wat mee geëxperimenteerd, maar vind de code een beetje onlogisch. Surfin’ Safari - Blog Archive » Styling Scrollbars

Klik om te vergroten...

Voor de moment is firefox goed genoeg, maar 't is inderdaad de bedoeling dat het uiteindelijk crossbrowser wordt. Implementatie van javascript heb 'k geen probleem mee, zolang ik het idee da ik in m'n kop heb maar gedaan krijg

fleXcroll: Cross Browser Custom ScrollBar script by Hesido hier staat een scrollbarke crossbrowser te gebruiken anders?

Ok, ik heb het op een andere manier aangepakt. Gebruik gemaakt van javascript en een onmouseover dat hij de div moet scrollen. En door de overflow op hidden te zetten van de div zelf is de scollbalk die automatisch gegenereerd wordt ook verdwenen.