> For the complete documentation index, see [llms.txt](https://docs.tenten.co/docs-webflow/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tenten.co/docs-webflow/webflow-101/7-dong-hua/zai-gun-dong-zhong-xian-shi-yuan-su.md).

# 在滾動中顯示元素

本文會提到：

1. 創建觸發器
2. 創建動畫
3. 將動畫應用於其他元素

## 創建觸發器

1. 選擇觸發器元素（例如項目連結），並點擊進入互動面板
2. 點擊元素觸發器旁邊的加號
3. 從下拉選單中選擇"Scroll Into View"

## 創建動畫

1. 從"When Scrolled Into View"下的"Action"菜單中，選擇"Start an Animation"
2. 點擊定時動作旁邊的加號
3. 命名它（例如"Move up on scroll"）
4. 點擊"Timed Actions"旁邊的加號，從下拉選單中選擇移動
5. 在移動下，將Y軸改為50像素
6. 在"Timing"旁邊，切換到 "Set as initial state"
7. 點擊"Timed Actions"旁邊的加號，從下拉選單中選擇不透明度
8. 將不透明度改為0%
9. 在"Timing"旁邊，切換到"Set as initial state"
10. 點擊"Timed Actions"旁邊的加號，從下拉選單中選擇"Move"
11. 在移動下，將y軸改為0像素
12. 調整緩和與持續時間
13. 點擊時間線中0秒處的加號，從下拉選單中選擇不透明度
14. 將不透明度改為100%
15. 調整緩和與持續時間
16. 在"影響"旁邊選擇"Class"
17. 點擊所有具有該類的元素，並選擇只有具有該類的子元素

## 將動畫應用於其他元素

1. 關閉動畫，點擊進入互動面板
2. 在觸發器設置下，確保此動畫應用於所有具有此類別的元素（例如"Class: Project Lin"）


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/7-dong-hua/zai-gun-dong-zhong-xian-shi-yuan-su.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.