# scroll-snap

darcyu83

scroll snap 을 이용해서 슬라이더를 그려보았다. 스크롤 할때마다 페이지 최하단으로 이동하는 문제가 나왓다. 결론 : .scrollIntoView({ behavior: "smooth", block: "nearest", inline: "

drrobot409

scroll-snap에서 scrollTo 사용하기

tjdgus0528

css를 최대한 사용해 보고자 js를 사용하지 않고 html, css 만으로 프로필 사이트를 제작해 보았다.intro, skills, project, contact로 내용이 구분되었는데skills 부분을 화면 전체를 사용하고 싶지 않았다.그래도 skills로 scrol

tjdgus0528

scroll-snap 을 사용하기 위해 위 코드처럼 body 에 overflow hidden 으로 하고 main에 scroll 을 줘서 sroll-snap 을 구현했다.그리고 나는 웹을 중심으로 만들었기 때문에모바일 화면에서는 배율을 줄여 사용할 수 있도록 했다.하지만

ss1431ml

CSS만을 사용해서 Fullpage 사이트를 구현합니다.

tech-hoon

CSS 단 두 줄로, Carousel을 만들 수 있다. scroll-snap은 사용자가 터치 혹은 스크롤 조작을 하였을 때 offset을 설정할 수 있는 속성이다. 이를 통해 스와이프 하거나, 스크롤 할 때 캐러셀처럼 자연스러운 효과를 낼 수 있다.