Scrollbar über Inhalt

Question

Ich möchte transparente Scrollbar machen, die über div mit Inhalt platziert werden soll. Nur CSS und nur Webkit-Browser. Es muss wie example aussehen. Meine code. Das Problem ist, dass die Bildlaufleiste den Inhalt nach links verschiebt. Wie kann es aussehen wie im Beispiel? Danke für die Antworten.

div{ 
  width:410px; 
  height:100px; 
  overflow-y:scroll; 
  border:1px solid green; 
  position:relative; 
} 

::-webkit-scrollbar{ 
  width:20px; 
  position:absolute; 
  right:20px; 
  z-index:100; 
}  

::-webkit-scrollbar-thumb{ 
  background-color:rgba(0,0,0,1); 
  border-right:10px solid white; 
}   

Answer 1

Dies ist dem Beispiel sehr ähnlich.

::-webkit-scrollbar{ 
    width:7px; 
} 

::-webkit-scrollbar-thumb{ 
    background-color: rgba(0, 0, 0, 0.5); 
    border-radius: 3px; 
    border: 1px solid #fff; 
} 

sonst müssen Sie iscroll plugin