스크롤을 내릴때 헤더가 동일한 위치에 계속해서 보여지게 위치를 고정하는 방법 

(모바일 하단의 퀵메뉴버튼처럼 위치가 고정되게하는것)

 

 

 

 

 

 

 

<처리방법>

 

 

 

 

1. 메인페이지 편집화면에서 헤더의 F버튼을 클릭하여 헤더페이지로 들어갑니다.

 

 

 

 

 

 

2. 헤더&메타&JS클릭 > 제일 첫번째 입력란에서 </style>이라고 적힌 바로 윗줄에 아래와 같이 적은 후 저장

 

#quick-header{position:fixed;width:100%;top:0 !important;z-index:1000;background:#fff;}

 

 

 

 

 

 

3. 가장 바깥쪽 행박스의 D클릭 > DIV씌우기 > 바깥쪽 클릭

 

 

 

 

 

 

4. 3번에서 씌운 DIV 클릭 > 수정 클릭

 

 

 

 

 

 

5. DIV속성 입력란에 아래와 같이 적습니다.

id="quick-header"

 

 

 

 

 

 

6. 메인페이지 실제화면을 확인했을때, 이 헤더 때문에 헤더 밑의 내용들이 가려지는 부분이 생긴다면

메인페이지 편집화면에서 헤더 바로 밑에 있는 가장 바깥쪽 DIV클릭 > 수정

 

 

 

 

DIV속성 입력부분에 style="padding-top:50px;" 내용을 추가합니다.

 

* 50px의 값은 실제화면을 확인하시면서 가려지는 부분이 있지 않도록 조절해주시면 됩니다.