CSS2 캐러셀 구현하기 CSS scroll-snap-* 웹 혹은 앱을 개발하다보면 캐러셀 구조를 구현하게 되는 경우가 종종 있습니다. 슬라이더라고도 부릅니다.좌우로 슬라이드하며 상품을 보여주기도 하고 앨범을 넘겨가며 보기도 하는 등 다양한 곳에 쓰입니다. 캐러셀은 보통 JavaScript를 통해 구현하고는 합니다.그러다 CSS의 이 속성을 알게 되었습니다. scroll-snap-type https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type scroll-snap-type - CSS: Cascading Style Sheets | MDNThe scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll co.. 2024. 9. 13. overscroll-behavior: 'contain'; https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior overscroll-behavior - CSS: Cascading Style Sheets | MDNThe overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area.developer.mozilla.org 사이드 프로젝트를 하다가 찾게 되어 알게 된 css property이다 화면을 만들다 보면 overflow: scroll 를 적용하여 스크롤이 생기는 구역이 둘 이상 생기곤 한다.나의 경우에는 채팅창을 만들고 나서 생긴 이슈였는데, 채팅 레이아웃의 스크롤을.. 2024. 7. 2. 이전 1 다음
