• 가이드

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

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

아임웹에서는 상단 고정메뉴라 부르며, 고정메뉴 설정에서 변경할 수 있습니다.

제작방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 디자인 모드 오른쪽 상단의 상단설정을 클릭합니다.
  3. 상단 설정 메뉴가 나오면, 오른쪽 상단의 고정메뉴 설정을 클릭합니다.

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

  5. (선택 사항) 기본 상단 디자인을 기준으로 수정하고자 하는 경우, 상단 오른쪽의 상단 기본 디자인 가져오기를 클릭합니다.

  6. 고정메뉴 디자인을 마치면, 왼쪽 상단의 상단 편집으로 돌아가기를 클릭해 상단 기본 디자인 모드로 돌아갑니다.
  7. 토글 버튼을 클릭해 고정메뉴를 활성화합니다.

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

  9. 사이트 미리보기를 클릭해 상단 고정메뉴가 정상적으로 동작하는지 확인합니다.
  10. 문제가 없으면 게시하기 버튼을 클릭해 적용합니다.
목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.8K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.