오랜만에 코드펜을 돌아다니며
다른사람들의 css를 구경하다가 신기한 걸 발견했다
scroll-snap-type이라고 스크롤을 할 때 잘 사용하면 한 세션을 통으로 스크롤할 수 있는 코드인 거 같다
신기해보이는건 또 못참고 해봐야징
https://codesandbox.io/s/awesome-monad-ywzzzd?file=/index.html
awesome-monad-ywzzzd - CodeSandbox
awesome-monad-ywzzzd
codesandbox.io
scroll-snap-type:y mandatory; 를 사용하면 풀스크린스크롤도 가능한거같다.
다만 창의 높이가 높아질 수록 움직임이 부드럽지 않은거 같다.
그래도 라이브러리 없이 css만으로 풀스크린스크롤이 가능하다니 신기방기 !!
잘 메모해놨다가 나중에 써먹어야지 ✨✨
'html·css 메모' 카테고리의 다른 글
| [CSS] table에서 absolute 대신 fixed (0) | 2023.02.18 |
|---|---|
| [CSS] table에서 absolute 대신 fixed (0) | 2023.02.13 |
| [html] 비디오영상 PC와 모바일에서 자동재생시키기 (0) | 2023.02.10 |
| [CSS] CSS 가상요소 몇가지 (0) | 2023.01.25 |
| [CSS] Card flip (1) | 2022.12.12 |