반응형 스크롤스냅1 CSS Scroll Snap(스크롤스냅)으로 이미지 slider 만들기 scroll snap이란 사용자가 터치하거나 스크롤 시 조작을 마쳤을 때 화면에서 다음 화면으로 전환될 때 자석처럼 특정 위치에 탁 붙는 기능입니다. 보통 swiper를 이용하여 슬라이더를 만들었는데, swiper를 사용하는 대신 scroll snap을 이용하여 슬라이더 기능을 간단하게 만들 수도 있습니다. 또는 fullPage js와 같은 기능을 sroll snap을 사용하여 구현할 수도 있습니다. css scroll snap에 대한 브라우저 지원은 대부분 지원을 합니다. scroll snap 의 기본 사용법 스크롤 스냅은 컨테이너 요소에 scroll-snap-type 속성을 설정하고 그 안에 있는 요소에 scroll-snap-align 속성을 설정하여 사용합니다. 가장 기본적인 형태는 다음과 같습니다.. 2023. 1. 17. 이전 1 다음 반응형