Thanh cuộn trên nội dung

Question

Tôi muốn tạo thanh cuộn trong suốt nên được đặt trên div với nội dung. Chỉ css và chỉ trình duyệt webkit. Nó phải giống như example. My code. Vấn đề là thanh cuộn di chuyển nội dung sang bên trái. Làm thế nào để làm cho nó trông giống như trong ví dụ? Cảm ơn bạn đã trả lời.

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

Điều này rất giống với ví dụ.

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

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

nếu không bạn phải sử dụng iscroll plugin