[JS] Custom scrollbar

[MarkvE]

Ik ben bezig met een custom scrollbar te maken, hiervoor gebruik ik de basis van een door Crisp geschreven stukje code (zie [rml]crisp in "[ js] custom schuifbalkje"[/rml]).

Het script heb ik zo aangepast dat het de slider een scrollbar wordt, waarmee binnen een div met vaste hoogte gescrolled kan worden. Nu probeer ik de positie van de "slider" (het blokje) relatief toe te passen op de div om zo ervoor te zorgen dat het evenwichtig met elkaar scrolled.

Probleem is nu dat ik met deze scrollbar maar 2 paragrafen kan doorscrollen terwijl het er 3 zijn. Het heeft hoogst waarschijnlijk met mijn berekening te maken maar ik kom er niet uit.

Optellen van extra waardes zoals de hoogte van het blokje of de div zelf heeft geen zin...

Demo & source is te vinden op www.markvaneijk.nl/test.htm.

[KillR-B]

Je wilt rekenen met de hoogte van de tekst, die in de container staat. Dat is het element met id "p" en niet met id "content" die je nu gebruikt.

Let ook even op je maximale hoogte, want nu kun je buiten de slider scrollen

[MarkvE]

Bedankt voor je heldere kijk, dat was dus de fout. Echter heb ik in zowel Firefox als Safari geen problemen dat de slider buiten het kader raakt (daar houd ik rekening mee in het script), mag ik vragen welke browser (versie) je gebruikt?

[Verwijderd]

In het kader van de toegankelijkheid kan je voor de mensen zonder javascript een normale scrollbar gebruiken...

[MarkvE]

Ik wil het zelfs als optie aanbieden, de "stylish" custom scrollbalk die minder functioneel is of de OS-eigen scrollbalk.