You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🚀 마우스 wheel & scroll 이벤트 멈춤 감지하기
마우스 휠 & 스크롤 멈춤 감지 방법 사용자가 문서를 스크롤 하면 이벤트를 발생시키는데, 스크롤을 멈추면 이를 감지하여 스크립트 처리를 하고 싶은 상황이 있을 것이다. 마우스 스크롤을 감지하는 이벤트는 두가지가 있는데, 문서를 스크롤하면 발생하는 'scroll' 이벤트와 그냥 마우스 가운데 휠 버튼을 내리면 발생하는 'wheel' 이벤트가 있다. 이 이벤트들에 setTimeout() 메서드와 조합해서 종단 지점을 감지하는 로직을 구현 할수가 있다. let scrolling; // setTimeout() 메서드를 할당하는 전역 변수 window.addEventListener('scroll', (e) => { if (!scrolling) { console.log('start scrolling!'); } //..
🚀 스크롤 기능은 살리고 스크롤바 만 가리기
스크롤바 가리기 스크롤 자체 기능은 놔두면서 스크롤바만 없애는 코드이다. /* 전체 가리기 */ 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 스타일링 유튜브 홈페이지를 보면 스크롤바가 ..
