최근 CSS의 position 속성중에 sticky라는 녀석을 써보았다.
컨테이너에 붙어다니는 사이드 버튼을 위해서 사용했는데,
이것을 몰랐을때는 relative 와 fixed 간의 조합을 이용해서 구현했었다.
알고나니 이것이 정말 편한 속성임을 더 깨닫게 되었다..
(모르면 고생한다더니..)
해당 속성에 대한 자세한 설명은 아래를 참고하길 바란다.
https://developer.mozilla.org/ko/docs/Web/CSS/position
position
position CSS 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다.
developer.mozilla.org
여튼 여러분들도 스크롤이 내려가도 컨테이너에 붙어있는 사이드 버튼을 만들고 싶다면,
해당 속성을 통해 구현하길 바란다.
'CSS' 카테고리의 다른 글
| header 속성이 fixed여서 생기는 문제방지 (0) | 2019.04.19 |
|---|---|
| bootstrap tab에 의하여 차트의 width가 변하는 현상 해결 (0) | 2018.11.06 |
| css color name code 보는곳 (0) | 2018.09.28 |
| css calc() 함수 (0) | 2018.07.23 |
| column-count 속성을 사용하여 masonry를 구현할때 주의할 점 (0) | 2018.07.20 |
댓글