html {
scroll-snap-type: y mandatory;
scroll-behavior: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: none;
}
하위요소로 section
section{
/* min-height: 600px; */
/* height: 100svh; */
height: 100vh;
/* height: 100lvh; */
/* height: 100dvh; */
/* height: calc(var(--vh, 1vh) * 100); */
/* iOS Safari 대응 */
position: relative;
}
height: 100dvh; <-- 이거 사용하지 마라, 역 스크롤시 화면이 들쭉 날쭉 해 지면서 떨리면서 스크롤이 이상하게 되거나 두번해야한다.
역 스크롤 시 주소창이 나타나는데 이 때 dvh 는 높이를 실시간으로 재 계산해서 높이를 가짐.
그래서 주소창이 스르르 나타날 때 높이가 재 계산 되면스 scroll snap 과 문제가 됨.
