2017-02-08 2 views
-1

메신저 부트 스트랩 4 작업, 스크롤 막대 스타일을 변경할 수있는 방법이 있는지 알 것입니다. 방금 Webkit 모드로 시도했지만 작동하지 않습니다.부트 스트랩에서 스크롤바 스타일을 어떻게 바꿀 수 있습니까?

i dont see any changes

+0

스크롤바 스타일은 브라우저와 관련이 있으며 부트 스트랩과 관련이 없습니다. – ZimSystem

+0

Dup of : http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div – ZimSystem

+0

@ ZimSystem 방금 그 방법으로 시도했지만 왜 나던 작동하는지 모르겠다. – flipps

답변

2

다음 코드 것이다 웹킷에 대한 작품

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

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

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

아주 간단한 예 http://bootsbin.com/bin/change-scrollbar-style-bootstrap/

0

Bhoots 작품 위의 코드,하지만 내가 사용하고 있기 때문에 나는 엄지 손가락에 대한 backgound에 색상을 추가 어두운 배경. 그가 제공 한 링크는 광고를 위해 납치되었습니다.

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

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

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    background-color:#fff; 
    -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7); 
} 
관련 문제