내용 위로 스크롤 막대

Question

콘텐츠가있는 div 위에 배치해야하는 투명 스크롤 막대를 만들고 싶습니다. CSS와 웹킷 브라우저 만. example과 같아야합니다. 내 code. 문제는 스크롤바가 내용을 왼쪽으로 이동한다는 것입니다. 예를 들어 보이게 만드는 방법은? 답장을 보내 주셔서 감사합니다.

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

이것은 예제와 매우 비슷합니다.

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

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

그렇지 않으면 당신은 당신의 질문에 코드를 포함해야한다 iscroll plugin