순수 CSS를 사용하여 사용자 정의 스크롤 막대를 만드는 방법
그래서 당신은 웹 개발자/디자이너입니다. 당신은 훌륭한 사이트를 만들고 있지만 짜증나는 스크롤 바가 당신의 사이트를 파괴하고 있습니다.
그것은 더 이상 너의 사이트를 파괴할 수 없다
내 친구 때문에 여기서 기다릴게.
시작해보도록 하겠습니다.
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;
}
이렇게!만약 당신에게 어떤 문제가 있다면, 평론 부분에서 저에게 알려 주세요.
안녕히 계세요.
감사합니다!
Reference
이 문제에 관하여(순수 CSS를 사용하여 사용자 정의 스크롤 막대를 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/nishthaneeraj/how-to-make-custom-scrollbar-using-pure-css-19oa텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)