개발이야기

  • 홈
  • 태그
  • 방명록

css 1

CSS Sticky 속성을 활용한 사이드바 만들기

CSS의 Sticky 소성은 요를 스크롤하는 동안 화면 상단이나 하단에 고정시키는 데 사용됩니다. 이 기능을 활용하여 헤더, 푸터 또는 사이드바와 같은 요소를 고정시키며 사용자가 페이지를 스크롤할 때 항상 볼 수 있도록 만듭니다. sticky 속성 position: sticky; : 요소를 스크롤 영역의 경계선에 닿을 때 고정합니다. top: 0; : 요소가 스크롤 영역의 상단에 고정됩니다. bottom: 0; : 요소가 스크롤 영역의 하단에 고정됩니다. sticky 속성은 유용하지만, 모든 브라우저에서 지원되지는 않을 수 있습니다. 따라서 브라우저 호환성에 대해 항상 고려해야 합니다. sticky를 활용하여 사이드바 만들기 HTML 마크업 CSS 스타일링 css를 사용하여 사이드바를 화면에 고정. 먼저..

css 2023.03.22
이전
1
다음
더보기
프로필사진

  • 분류 전체보기
    • Study
    • git
    • javascript
    • react
    • LV.0 코딩테스트
    • css
    • Error

Tag

반복문, 프로그래머스, 메가바이트스쿨, Math(), 코딩테스트, 내일배움카드, javascript형 변환, 코테, 레벨0, MegabyteSchool, react, 국비지원교육, Next.js 시작하기, javascript, 패스트캠퍼스, 김민태의 React와 Redux로 구현하는 아키텍처와 리스크관리, 짝수의합, 어이없는실수, MegabyteScholl, 개발자취업부트캠프,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바