Oh, ich habs dann doch schon gelöst, aber ich krieg das nicht hin, dass der scroll balken ganz runter geht, nur weil das "background-image" so groß ist!

Hier der Code:

::-webkit-scrollbar {
    width: 15px;
    align-content: left;
}
::-webkit-scrollbar-track {
  background: transparent;
    background-image:url(scrollbar.background.png);
}
::-webkit-scrollbar-track:bottom {
  background: transparent;
    background-image:url(bottom.png);
}
::-webkit-scrollbar-thumb {
    background-image: url(scrollbar.png);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background-image: url(scrollbar.hover.png);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:active {
    background-image: url(scrollbar.hover.png);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
::-webkit-scrollbar-button:vertical:increment {
    background-image:url(bottom.png);
    height: 30px;
}
::-webkit-scrollbar-button:end:decrement {
    background-image:url(top.png);
    height:21px;
}

Wenn das so ist...

Ist es gut, wenn du Google Chrome hast. Da gibt es eine Errweiterung, die heißt "MaskMe" du registrierst dich mir deiner E-Mail Adresse, und kannst dann, wenn du Newsletter (spamverdächtig) abbonierst, oder eben dein Fall eine "MaskMe" E-Mail benutzen. Ist vielleicht schwer von mir erklärt, aber du musst dich einfach mal durch lesen. Ich benutze MaskMe total gern!!