728x90 scroll2 [CSS] 스크롤 바 꾸미기 ::-webkit-scrollbar { width: 26px; /* 세로 스크롤바 너비 */ height: 26px; /* 가로 스크롤바 높이 */}::-webkit-scrollbar-thumb { background-image: url("scrollbar.png"); /* background-position: center; background-size: contain; */}::-webkit-scrollbar-track { background: rgba(2, 39, 253, 0.5); /*스크롤바 뒷 배경 색상*/}width 와 height 를 동일하게 줘서 스크롤바 크기를 동일 시 만듦.아래 스크롤 바 삭제 ::-webkit-scrollbar { width: 26px; /* 세로 스크롤.. 2024. 8. 20. [JS] 스크롤 이벤트 메모 window.addEventListener('scroll', function(){ console.log('안녕') }); 스크롤바를 조작하면 scroll 이벤트가 발생 스크롤바 만질 때 마다 '안녕' 출력 유저가 스크롤 얼마나 했는 지 알아보기 JS - window.scrollY (전체 페이지 스크롤 양) window.addEventListener('scroll', function(){ console.log( window.scrollY ) }); 현재 페이지를 얼마나 위에서 부터 스크롤했는지 px 단위준다.(Y축 기준이니까) window.scrollX 는 가로로 얼마나 스크롤했는지 알려줌 (X축 기준) 현재 페이지를 얼만큼 스크롤했는 지를 알고싶으면 - scrollY 일반 div 박스일 경우에는 .scr.. 2024. 3. 31. 이전 1 다음 728x90