Extra Form
PHP PHP 7.0
CMS Rhymix

아래 첨부한 모바일 화면에서..동그란 원..

 

상단 메뉴가 항상 고정되게(게시물볼때 아래로 내려도 상단 고정) 수정 가능할까요.

 

레이아웃은 스윗 (SWEET) 모바일 사용중입니다. ..가능하다면 어느부분을 어떻게 수정해야 하는지 알려주시면 감사하겠습니다.

 

약간 어려운 부분 같기도 하고..^^

 

1.JPG

  • Lv2

    div style="position:fixed"  나 absolute 로 가능하지 않을까요 ?

  • Lv2 ? Lv9

    이게 지금 상황에서는 가장 안전할겁니다.
    아마 fixed처리를 했으면 상단에 여백을 뒀을 것이고
    그 부분에 대해 수정을 안 가하면서 고정시키는 방법으로는

    fixed를 absolute로 수정하는게
    이게 최선일거 같습니다.

  • Lv3

    최상단에 위치한 헤더라면 처음부터 position:fixed 형식으로 잡고 

    <div id="dummy"></div>형식으로 헤더와 동일한 높이의 더미 div를 잡아두는것도 방법입니다.

     

    제가 주로 쓰는 소스입니다.

    https://jsfiddle.net/livibetter/HV9HM/

     

    wschool에도 있던데 엄청 간단하네요. 해보진 않아서 가능한지는 모르겠어요.

    https://www.w3schools.com/howto/howto_css_sticky_element.asp