thumbnail

마우스 휠 스크롤 시 전환되는 상단 고정메뉴 만들기

마우스 휠 스크롤 시 기본 상단 디자인과는 다른 고정메뉴가 나오도록 설정할 수 있습니다. 아래 애니메이션은 고정메뉴 활용 예시입니다. 마우스 휠 스크롤 시 상단 디자인이 변하는 걸 확인할 수 있습니다.

캠페이너스에서는 상단 고정메뉴라 부르며, 고정메뉴 설정에서 변경할 수 있습니다.

  1. 디자인 모드에 접속합니다. 

  2. 디자인 모드 오른쪽 상단의 상단설정을 클릭합니다.

  3. 상단설정 모드로 진입하면, 오른쪽 상단의 고정메뉴 설정 을 클릭합니다.

  1. 고정메뉴 설정 모드가 나타나면, 상단 고정메뉴를 디자인합니다. 위젯을 추가하고, 섹션 배경을 설정하는 등 기본적인 디자인 방법은 본문 디자인 방법과 같습니다.

  1. (선택 사항) 기본 상단 디자인을 수정해 사용하고자 한다면, 오른쪽 상단의 상단 기본 디자인 가져오기 를 클릭해 불러올 수 있습니다.

  1. 고정메뉴 디자인을 마치면, 왼쪽 상단의 상단 편집으로 돌아가기 를 클릭해 상단 기본 상단설정 디자인 모드로 돌아갑니다.

  2. 토글 버튼을 클릭해 고정메뉴를 활성화합니다.

  1. "상단 고정메뉴를 활성화 시키면 스크롤 고정메뉴가 비활성 처리됩니다. 계속 진행할까요?" 경고창이 나오면 확인 을 클릭합니다.

  1. 디자인 모드 오른쪽 상단 미리보기 아이콘을 클릭합니다.

  2. 상단 고정메뉴가 정상적으로 동작하는지 확인합니다.

  3. 문제가 없으면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.