웹킷 스크롤 막대에 마커를 구현 하시겠습니까?

Question

Webkit 스크롤바에 마커를 구현하여 텍스트의 특정 부분이 더 큰 문서에있는 위치를 시각적으로 나타낼 수 있습니다.

-webkit-* CSS 규칙을 사용하여 스크롤 막대의 스타일을 지정했지만 그 이상의 내용을 수정하여 모양이 track 인 경우 잘 모르겠습니다.

누구나 태클하는 방법에 대한 아이디어가 있습니까?

Answer 1

는이 같은 (적용된 스타일의 단지 예)

::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
}