순수 CSS를 사용하여 사용자 정의 스크롤 막대를 만드는 방법

1608 단어 htmlcss
안녕하십니까, 사랑하는 독자 여러분.
그래서 당신은 웹 개발자/디자이너입니다. 당신은 훌륭한 사이트를 만들고 있지만 짜증나는 스크롤 바가 당신의 사이트를 파괴하고 있습니다.
그것은 더 이상 너의 사이트를 파괴할 수 없다
내 친구 때문에 여기서 기다릴게.
시작해보도록 하겠습니다.
Github:https://github.com/nishthaneeraj/Custom-Srollbar-using-css
현장 프레젠테이션: https://nishthaneeraj.github.io/Custom-Scroll-Bar-Using-Css/
코드 펜:
다음 명령을 사용하여 너비를 지정합니다.
::-webkit-scrollbar {
  width: 10px;
}
그런 다음 다음과 같은 방법으로 배경색을 추가합니다.
::-webkit-scrollbar-track {
  background-color: #fff;
}
그런 다음 다음 다음 명령을 사용하여 궤적 막대의 색상을 추가합니다.
::-webkit-scrollbar-thumb {
  background-color: #e02f6b;
  border-radius: 5px;
}
이렇게!
만약 당신에게 어떤 문제가 있다면, 평론 부분에서 저에게 알려 주세요.
안녕히 계세요.
감사합니다!

좋은 웹페이지 즐겨찾기