css 포지션에서
fixed만 주로 사용하다가 sticky를 써보니 편리합니다.
fixed는 전체창에서 고정시켜주지만
sticky는 해당스크롤영역에서만 동작합니다.
중요한건 sticky를 어디를 기준으로 움직이게 할것인지
top, left, right, bottom중 하나를 정해줘야 합니다.
자세한 사항은 아래 출처에서....
출처 : https://abcdqbbq.tistory.com/70
[css 속성] position sticky
css를 이용해 position 값을 사용하다보면 주로 사용하는 position 값은 static, relative, absolute, fixed 이 4가지가 될 것이다. 그도 그럴것이 이번에 소개할 position 값인 sticky의 경우엔 IE(익스플로어)에..
abcdqbbq.tistory.com
추가로 테이블 TD영역 작업용으로 찾아보다가
나온 재미난 예제입니다.
https://stackoverflow.com/questions/54212865/position-sticky-on-td-with-colspan
Position Sticky on <td> with colspan?
It seems like sticky doesn't work on <td> with colspan. Is there a way around it? body { font-family: 'Lucida Grande'; } div { width: 500px; height: 200px; overflow: scro...
stackoverflow.com
'css' 카테고리의 다른 글
| [HTML] 스크립트 없이 CSS로 툴팁 띄우기 (0) | 2022.11.28 |
|---|---|
| button을 css로 둥글게 만들기 (0) | 2021.08.18 |