고정2 Odyssey 오디세이 스킨 - 사이드 바 고정 코드 재활용 및 저장 차원에서.... 혹시 나중에 나도 스킨을 바꿀지 모르니까.... 오디세이 스킨에서도 사이바 고정을 원한다면... 1. 스르륵 따라오는 버전 @media screen and (max-width:1060px) { aside.area-aside { margin-top: 0 !important; } } .main { align-items: flex-start; } aside.area-aside { transition: margin-top 0.5s ease-in-out 0s, right .5s; } //// 아래 offset 함수는 퀵점프에 이용된 함수라, 이미 html상 존재한다면 삭제해도 됨 function offset(el) { var rect = el.getBoundingClientR.. 2020. 9. 16. 사이드 바 - 스크롤 따라 다니게 만들기 따라다니는 메뉴? 보통 Sticky 라고 하나요? 평소엔 자기 위치에 있다가 위아래로 스크롤 될 때는 화면상 위치가 고정되는거요. (이미 좌측 사이드 바에 적용되어 있습니다.) 특히 요샌 포스팅 길이도 많이들 길고해서 사이드 바에 이 기능이 적용되서 따라다니면 좋겠다는 생각을 해봤습니다. 그래서 살펴보니 float 이 적용된 제 사이드 바를 그렇게 만드는 방법은 3가지 정도 있을 것 같습니다. 우선 제일 쉬운 방법부터... 방법 1. CSS 의 position : sticky 사용하기 #aside { position: sticky; top: 0; } 위 내용을 css에, 아니면 html에 style 태그로 감싸서 넣어줍니다. (#aside 는 북클럽 스킨 사이드바에 지정된 아이디입니다. 필요 시 수정!).. 2020. 9. 11. 이전 1 다음
