fixed값 div 궁금합니다..
본문
아래 이미지 처럼 홈페이지 레이아웃을 구성하려는데요.
메인부분이 있고 우측에 사이드바 형식으로 fixed 값을 준 div가 있도록 하려합니다.
fixed값이라 브라우저창기준으로 위치가 잡아지고 스크롤을 내려도 계속 고정되어 보여지는데요.
이게 해상도가 낮은 모니터나 인터넷창을 줄이게 되면 우측 fixed 되어있는 div가 메인위로 겹쳐지고 메인을 가려지게 되는데요.
위와 같은 경우를 아래 그림처럼
창이 줄어들경우 fixed된 div가 메인위로 겹쳐지지 않고 일반 홈페이지 처럼 메인부분 위로 올라타지 않고 fixed 된 부분 부터 창줄인만큼 안보여지게 될수 있나요?
fixed라 불가능 한거같은데...
방법이 있을지 조언좀 부탁드립니다...ㅠ ㅠ
답변 1
생각나는데로 적어보자면,
사이드바가 가려지길 원하는 해상도의 너비를 정한후 해당 너비 이하일 경우, fixed된 요소를 static 이나 absolute로 되돌리기.
- 자바스크립트를 이용하거나 미디어쿼리를 이용한 반응형으로 구현
우왁 천재십니다..ㅠㅠ 해상도 너비가 줄어들면 absolute로 변경되게 했더니 원하는데로 됩니다... 아 너무 감사해요..
답변을 작성하시기 전에 로그인 해주세요.