리셋 스크롤 바 스타일의 웹킷
1, 스크롤바를 포함하는 스크롤 버튼과 트랙. 상기 궤도 추적 편 엄지 손가락으로 세분. 엄지 부 및 하부 절반의 상반부 조각 추적.
(2), 수평 및 수직 모서리 영역 스크롤 코너 교차 부
(3), 작은 스크롤 바 제어의 접합부에 마련된 끌어 리사이즈 요소 리사이즈
다음과 같이 구성 구조는 다음과 같습니다
스크롤 막대 사용자 정의 스타일되면, 브라우저의 기본 스타일 설정은 CSS 정의 된 스타일을 사용하여, 실패합니다. 이 값은 개별적으로 또는 단지 스크롤 버튼 스크롤 트랙 제공 될 수 없다는 것을 의미한다.
-webkit-scrollbar /* 滚动条整体部分，重置时必须要设置 */
-webkit-scrollbar-button /* 滚动条的轨道的两端按钮 */
-webkit-scrollbar-track /* 滚动条的轨道（包含thumb和trace-piece）*/
-webkit-scrollbar-track-piece /* 轨道中下方块的上下(左右)部分*/
-webkit-scrollbar-thumb /*滚动条里面的小方块*/
-webkit-scrollbar-corner /* 垂直和水平的交叉角 */
-webkit-resize // 滚动条的交汇处上用于拖动调整元素大小的小控件 */
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（详细的前端项目实战教学视频，PDF）다음의 클래스 (모든 다음 가상 클래스에 따라 설정 될 수있다 다른 운영 체제 브라우저 스크롤바가 상이 할 수 있음), 의사 세트와 결합 될 수있다 :
- : 수평 궤도의 수평 방향, 트랙 piect 엄지
- : 트랙 Vertica의 수직 방향, 트랙 piect 엄지
- : 감소시킵니다 버튼 위 왼쪽 버튼을 위쪽 또는 왼쪽 트랙 조각
- : 아래 트랙 조각의 오른쪽에있는 버튼 증가 아래 및 오른쪽 버튼,
- 시작 적합한 버튼 및 트랙 개의 객체 (버튼이나 트레이스 부분) 전방의 슬라이더 여부
- : 적절한 버튼을 종료하고 다시 슬라이더 여부 개의 객체 (버튼이나 트레이스 부분)을 추적
- : 번 버튼을 버튼과 트랙 부분에 적용 트랙 종료 위치는 한 쌍의 버튼이고
- : 단일 버튼을 버튼과 트랙 부분에 적용 트랙 위치의 단부는 버튼 인
- : 트랙 편 적합한 무 버튼 아니오 버튼 트랙 위치의 끝에
- 모든 스크롤 바의 코너 존재는 존재의 코너를 스크롤바
- : 창 불활성 모두 스크롤 바, 포커스 윈도우에 없을 때, 스크롤 바의 영역을 포함
- : 동일하게 적용 가능, : 장애인, : 가져가, : 활성 가상 클래스
IE 스크롤 스타일의 리셋
IE는 스크롤 막대의 색상을 변경할 수 있습니다
scrollbar-arrow-color:#f2f2f3; /*上下箭头*/
scrollbar-track-color /*底层背景色*/
scrollbar-face-color /*滚动条前景色，对应thumb*/
scrollbar-shadow-color /*滚动条边线色,thubm的border*/
scrollbar-highlight-color /*滚动条整体颜色*/
scrollbar-base-color /* 滚动条基准颜色 */
web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（详细的前端项目实战教学视频，PDF）