진행 중인 작업 중에 굉장히 길고, 하단에 등록 버튼이 있는 모달을 만들어야했다.
모달이 길기때문에 어디로 스크롤 해도 하단에 등록 버튼 영역이 보이는 모달을 만들어야한다!
마침 얼마전에 니꼬의 sticky영상을 봤었고 그 css로 해결하기로 했다.
고정하고 싶은 영역에
position: sticky;
bottom: 0;을 추가해준다.
offset 지정은 필수!
자신이 원하는 offset 무엇이든 지정 할 수 있다. ( top | bottom | right | left )
fixed와 sticky의 차이점 !
- fixed는 viewport에 고정
- sticky는 내가 정한 offeset에 닿을 때부터 고정이 된다.
- sticky는 부모 내에 유지가 된다.
