> ## Documentation Index
> Fetch the complete documentation index at: https://cdbd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 스크롤 애니메이션

# 스크롤 애니메이션

> **한 줄 요약** — 방문자가 페이지를 스크롤할 때 각 카드가 화면에 **어떻게 나타날지** 정하는 옵션이에요. 원페이지 에디터 전용 기능이에요.

## 이 기능이 필요한 순간

* 카드가 많은 원페이지에서 **일관된 등장 리듬**을 만들고 싶을 때
* 이벤트·제품 소개 페이지에서 **시각적 임팩트**로 첫인상을 강조하고 싶을 때
* 정보 위주 페이지에서 **애니메이션 없이 깔끔한 흐름**을 원할 때

***

## 스크롤 애니메이션 설정하기

에디터 상단 메뉴의 **스크롤 애니메이션** 아이콘을 눌러요. 옵션 팝업이 열려요. **위로 / 확대 / 없음** 세 가지 중에서 효과를 하나 골라요. **\[저장하기]** 버튼을 눌러요.

<img src="https://mintcdn.com/cdbd/VAw6hWINZ2MTDd6F/_assets/images/02-editor_scroll-animation.png?fit=max&auto=format&n=VAw6hWINZ2MTDd6F&q=85&s=f8a3fe520da656a47faa3ba2210fa196" alt="스크롤 애니메이션 설정 팝업 — 위로·확대·없음 옵션" width="480" height="300" data-path="_assets/images/02-editor_scroll-animation.png" />

> ⚠️ **저장하기를 꼭 눌러주세요** — 옵션만 선택하고 팝업을 그냥 닫으면 변경이 적용되지 않을 수 있어요.

스크롤 애니메이션은 **페이지 단위 옵션**이에요. 한 페이지의 모든 카드에 같은 효과가 적용되며, 카드마다 다른 효과를 따로 정할 수는 없어요.

***

## 세 가지 효과 비교하기

각 옵션이 라이브 페이지에서 어떻게 보이는지 미리 알아두면 페이지 성격에 맞는 선택이 쉬워져요.

| 옵션     | 라이브 페이지에서 보이는 모습                                   |
| ------ | -------------------------------------------------- |
| **위로** | 카드가 아래쪽 화면 밖에서 위로 미끄러져 들어와요. 페이지 흐름이 자연스럽게 이어져요    |
| **확대** | 카드가 작은 크기로 시작해 부드럽게 본래 크기로 커지며 나타나요. 시선 집중 효과가 강해요 |
| **없음** | 스크롤하면 카드가 그 자리에 즉시 표시돼요. 추가 연출이 없어요                |

에디터 화면에서는 정지 상태로 보이기 때문에, 실제 동작은 페이지를 발행한 뒤 모바일에서 직접 스크롤해서 확인해 보세요.

***

## 어떤 효과를 골라야 할까?

콘텐츠 성격에 맞춰 한 가지를 고르세요. 자주 바꾸기보다 페이지 분위기에 맞는 효과 하나를 일관되게 유지하는 편이 보기에 좋아요.

| 상황                  | 추천 옵션            | 이유                      |
| ------------------- | ---------------- | ----------------------- |
| 모바일 명함, 짧은 안내 페이지   | **위로** 또는 **없음** | 콘텐츠가 짧아 과한 연출이 필요하지 않아요 |
| 이벤트 초대장, 제품 소개 페이지  | **확대**           | 임팩트 있는 첫인상이 인상에 남아요     |
| 정보 위주 페이지 (FAQ·매뉴얼) | **없음**           | 가독성과 빠른 표시가 우선이에요       |
| 카드 수가 많은 긴 페이지      | **위로**           | 일관된 등장 리듬으로 자연스럽게 읽혀요   |

***

## 활용 팁

* 페이지 성격에 맞는 **한 가지 효과를 골라 일관되게** 유지하세요. 옵션을 자주 바꾸면 페이지가 산만해 보일 수 있어요.
* **확대 효과**는 시선 집중력이 큰 만큼 카드가 많은 페이지에서는 산만하게 느껴질 수 있어요. 콘텐츠가 길어 보일 땐 **위로**가 무난해요.
* 멀티페이지에서는 카드 단위 등장 효과 대신 페이지 단위 넘김 효과를 써요. 자세한 내용은 [페이지 설정](/editor/multipage/page-settings)을 참고해 주세요.

***

## 자주 묻는 질문

**Q. 카드마다 다른 애니메이션을 줄 수 있나요?**
A. 스크롤 애니메이션은 페이지 전체에 적용되는 옵션이에요. 한 페이지의 모든 카드에 같은 효과가 적용돼요.

**Q. 에디터 미리보기에서 동작이 잘 안 보여요.**
A. 스크롤 애니메이션은 발행된 라이브 페이지에서 정상적으로 동작해요. 발행 후 모바일에서 직접 스크롤해서 확인해 주세요.

**Q. 멀티페이지에서도 스크롤 애니메이션을 쓸 수 있나요?**
A. 스크롤 애니메이션은 원페이지 전용 기능이에요. 멀티페이지에서는 [페이지 설정](/editor/multipage/page-settings)의 페이지 넘김 효과(밀어내기·덮기·종이책)를 사용해 주세요.

***

## 함께 보면 좋은 문서

* [원페이지 살펴보기](/editor/onepage/overview) — 원페이지 에디터 전체 구조
* [원페이지 뷰어](/editor/onepage/viewer) — 라이브 페이지에서 방문자가 보는 화면
* [페이지 설정](/editor/multipage/page-settings) — 멀티페이지의 페이지 단위 넘김 효과
