헤더 고정하기

헤더 고정이란?

헤더 영역은 페이지 이동을 위한 메뉴, 로그인/가입, 로고 등의 콘텐츠를 사용하는 영역입니다.

헤더 고정을 하게 되면, 스크롤 시 헤더 영역이 따라 내려오며 사용자는 어느 위치에서든 헤더 영역의 콘텐츠를 활용하여 페이지 이동 및 로그인 등을 할 수 있습니다.

자세한 설정 방법은 아래 가이드를 참고 부탁드립니다.

1. 헤더 고정하기

1-1. 큐샵 로그인 후 에디터에 접속합니다. (에디터 접속하기)

1-2. 섹션 퀵 메뉴의 고정 버튼을 클릭합니다.

1-3. 헤더 고정 토글을 활성화 합니다.

1-4. 미리보기 또는 게시하기를 통해 고정 된 섹션을 확인합니다.

2. 스크롤 시 색상 변경하기

[1. 헤더 고정하기]를 통해 스크롤 시 헤더가 따라 내려오도록 설정을 할 수 있습니다.

이때, 스크롤 시 헤더의 색상을 다르게하여 다양한 형태의 디자인을 할 수 있으며 배경에 투명도를 적용하여 스크롤 시 본문의 내용이 보여지도록 구현을 할 수 도 있습니다.

2-1. [1. 헤더 고정하기]의 내용을 참고하여, 헤더 고정을 합니다.

2-2. 스크롤 시 색상 변경 토글 활성화하여, 스크롤 시 보여지는 헤더 영역의 색상 설정합니다.

2-3. 미리보기 또는 게시하기를 통해 고정 된 섹션을 확인합니다.