상단의 섹션을 고정하고 싶어요 (스크롤 고정)

스크롤 할 때, 상단에 있는 메뉴가 고정된 상태로 따라오도록 구현하고 싶으신가요?

그렇다면 아래 방법을 따라 구현해 보세요 😉



1. 먼저, [디자인 모드 > 상단에 마우스 우 클릭 - 상단 설정 (또는 게시하기 버튼 아래 ‘상단설정’)] 을 클릭해 주세요.


2. 진입한 페이지에서 고정할 섹션 좌측에 있는 ‘압정 모양 아이콘 (스크롤 고정)’ 을 클릭해 주세요.
* 아래 이미지처럼 고정 핀이 파란색으로 변경되었다면, 활성화된 상태가 맞아요 😄

TIP: 만약 상단 섹션이 2개 이상이라면, 특정 섹션만 고정하거나 모든 상단 섹션이 고정되도록 설정하실 수도 있어요!


3. (선택사항) 스크롤 고정 후 실제 사이트에 반영하기 전에, ‘우측 상단 - 미리보기’ 후 스크롤 하시어 사이트에 어떻게 반영이 될지 미리 확인해 볼 수 있어요!


4. 설정이 완료되었다면, 디자인 모드로 돌아가서 ‘우측 상단 - 게시하기’ 버튼을 클릭하여 실제 사이트에 반영해 주세요.




스크롤 고정은 상단의 특정 섹션을 고정하는 것이기 때문에 이미 구현한 기본 상단 디자인을 고정할 수 있어요.
고정할 상단을 기본 상단과 다른 디자인을 사용하고 싶다면, 별도로 설정하실 수도 있답니다!

고정 상단 디자인을 별도로 설정하는 방법은 아래를 확인해 주세요!

👉 상단 고정 메뉴를 설정하고 싶어요

👉상단기능 알아보기 동영상 가이드

목록으로