CSS - position: sticky [scroll 중 더 나은 경험을 주는 방법]
chanto11
·2021. 2. 18. 20:05
See the Pen XWNgjpv by ChanHo Kim (@annyhpk) on CodePen.
예제 콘텐츠 상단을 잘 살펴보세요
설명: scroll될 때 자신의 부모태그 범위안에서만 fixed와 같이 고정시킬수 있습니다. sticky속성은 top, right, bottom, left 속성중 하나이상을 필수로 사용해야합니다. 자신의 부모위치가 뷰포인트에서 벗어나면 일반적인 흐름을 따릅니다.
주의 : IE11에서는 작동하지않습니다.
'Web' 카테고리의 다른 글
| [웹 보안] CSRF, CORS, XSS, CSP (2) | 2021.05.04 |
|---|---|
| HTTP Code (1xx~5xx) 주요 코드 살펴보기 (0) | 2021.03.05 |
| 메타 태그 <meta> (0) | 2021.02.14 |
| URL 끝에 / 가 붙는 이유? (0) | 2021.01.20 |
| DOCTYPE, lang속성, data- 속성, cookie, script태그 등 (0) | 2020.11.14 |
