İçerik üzerinde kaydırma çubuğu

Question

İçeriğiyle div üzerine yerleştirilmesi gereken şeffaf kaydırma çubuğu yapmak istiyorum. Sadece css ve sadece webkit tarayıcıları. example gibi görünmelidir. Benim code. Sorun, kaydırma çubuğunun içeriği sola taşıdığıdır. Örnek olarak nasıl görünebiliriz? Cevaplar için teşekkür ederim.

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

Bu, örneğe çok benzer.

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

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

aksi takdirde Eğer soru kodunu içermelidir iscroll plugin