아래 첨부한 모바일 화면에서..동그란 원..
상단 메뉴가 항상 고정되게(게시물볼때 아래로 내려도 상단 고정) 수정 가능할까요.
레이아웃은 스윗 (SWEET) 모바일 사용중입니다. ..가능하다면 어느부분을 어떻게 수정해야 하는지 알려주시면 감사하겠습니다.
약간 어려운 부분 같기도 하고..^^
PHP | PHP 7.0 |
---|---|
CMS | Rhymix |
아래 첨부한 모바일 화면에서..동그란 원..
상단 메뉴가 항상 고정되게(게시물볼때 아래로 내려도 상단 고정) 수정 가능할까요.
레이아웃은 스윗 (SWEET) 모바일 사용중입니다. ..가능하다면 어느부분을 어떻게 수정해야 하는지 알려주시면 감사하겠습니다.
약간 어려운 부분 같기도 하고..^^
이게 지금 상황에서는 가장 안전할겁니다.
아마 fixed처리를 했으면 상단에 여백을 뒀을 것이고
그 부분에 대해 수정을 안 가하면서 고정시키는 방법으로는
fixed를 absolute로 수정하는게
이게 최선일거 같습니다.
최상단에 위치한 헤더라면 처음부터 position:fixed 형식으로 잡고
<div id="dummy"></div>형식으로 헤더와 동일한 높이의 더미 div를 잡아두는것도 방법입니다.
제가 주로 쓰는 소스입니다.
https://jsfiddle.net/livibetter/HV9HM/
wschool에도 있던데 엄청 간단하네요. 해보진 않아서 가능한지는 모르겠어요.
https://www.w3schools.com/howto/howto_css_sticky_element.asp
div style="position:fixed" 나 absolute 로 가능하지 않을까요 ?