Met deze code kun je een afbeelding plaatsen bij de scrollbar.

Dit werkt helaas niet in Firefox.

Kopie script

Select & Copy Voorbeeld 1
<style> ::-webkit-scrollbar { width: 30px; }::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0) ; border-radius:20px; height:12px; background-image: url("https://tooljunkie.eu/img/ico/js2.png"); background-repeat: no-repeat; background-size: contain; background-position: center; }::-webkit-scrollbar-thumb:hover { background: rgba(132, 132, 130, 0.14); background-image: url("https://tooljunkie.eu/img/ico/js2.png"); background-repeat: no-repeat; background-size: contain; background-position: center; }::-webkit-scrollbar-track { background: rgba(200, 200, 200, 0.07); } </style>

Select & Copy Voorbeeld 2
<style> ::-webkit-scrollbar { width: 30px; } ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0) ; border-radius:20px; height:12px; background-image: url("https://www.vzphiphop.nl/favicon-32x32.png"); background-repeat: no-repeat; background-size: contain; background-position: center; } ::-webkit-scrollbar-thumb:hover { background: rgba(132, 132, 130, 0.14); background-image: url("https://www.vzphiphop.nl/favicon-32x32.png"); background-repeat: no-repeat; background-size: contain; background-position: center; } ::-webkit-scrollbar-track { background: rgba(200, 200, 200, 0.07); } </style>