css

position:sticky

mysop 2021. 12. 9. 15:56
반응형

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' 카테고리의 다른 글

position:sticky  (0) 2021.12.09
button을 css로 둥글게 만들기  (0) 2021.08.18
1 2