You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🌟 스크롤 바(Scrollbar) 스타일링 💯 총정리
Custom Scrollbar 스타일링 유튜브 홈페이지를 보면 스크롤바가 일반 브라우저 스크롤바와는 달리 동그랗게 스타일링 되어 있음을 볼 수 있다. 이처럼 스크롤바 역시 다른 요소처럼 CSS 스타일링이 가능하여, 보다 자신의 웹사이트 돋보일 수 있게 하여 방문자에게 조금 더 기억에 남게 만들 수 있다. 다만 스크롤바 요소는 웹 콘텐츠가 아닌 브라우저 내부 인터페이스로 취급되기 때문에 일반적인 css 사용에 있어 기능이 제한적인 것이 많다. 우리가 브라우저의 alert 창을 스타일링 할수 없듯이 말이다. 즉, css를 사용하여 브라우저 스크롤바 색깔이나 두께를 바꿀 수는 있으나 이외의 복잡한 스타일링에는 제한적이라고 보면 된다. 특히 유의해야 할 점은 CSS scrollbar 관련 선택자들은 표준이 아니..
🚀 스크롤 기능은 살리고 스크롤바 만 가리기
스크롤바 가리기 스크롤 자체 기능은 놔두면서 스크롤바만 없애는 코드이다. /* 전체 가리기 */ body{ -ms-overflow-style: none; } ::-webkit-scrollbar { display: none; } /* 특정 부분 스크롤바 없애기 */ .box{ -ms-overflow-style: none; } .box::-webkit-scrollbar{ display:none; } See the Pen Hide the Scrollbar in CSS but Allow Scrolling (div) by HubSpot (@hubspot) on CodePen. [CSS] 🌟 스크롤 바(Scrollbar) 스타일링 💯 총정리 Custom Scrollbar 스타일링 유튜브 홈페이지를 보면 스크롤바가 ..
