網(wǎng)頁可以上下滾動(dòng)，那么如何實(shí)現(xiàn)滾動(dòng)到某一個(gè)位置時(shí)觸發(fā)別的動(dòng)畫呢？就要用到了錨點(diǎn)，我們能用它來實(shí)現(xiàn)“滑動(dòng)網(wǎng)頁到某一位置，才播放動(dòng)畫”的效果。錨點(diǎn)位置跟隨頁面的移動(dòng)而變化，從而在達(dá)到不同的位置時(shí)，去觸發(fā)相應(yīng)的動(dòng)畫行為。這在網(wǎng)頁交互維度上又新增了一條空間線。下面來看制作方法：

1.插入一個(gè)空節(jié)

2.命名為錨點(diǎn)

3.最小高度2-10px;寬度建議100%；也可以將節(jié)處理為一個(gè)圓心（錨點(diǎn)）。

4.給節(jié)設(shè)置 絕對定位 之后點(diǎn)擊右側(cè)設(shè)置按鈕，調(diào)整錨點(diǎn)（節(jié)）的位置。得到如圖白色虛線框的錨點(diǎn)。

5.這時(shí)可以使用節(jié)的觸發(fā)器來控制其他元素的動(dòng)畫。

6.例如比較常見的滾入滾出，如下圖設(shè)置。

7.這里需要注意的是：

網(wǎng)頁向上滾動(dòng)，錨點(diǎn)（綠色線條）經(jīng)過頂部視窗時(shí)（移出），如下圖觸發(fā)箭頭動(dòng)畫和白色圓形變方形切換到狀態(tài)1.

網(wǎng)頁向下滾動(dòng)，錨點(diǎn)（綠色線條）經(jīng)過頂部視窗時(shí)（移入），如下圖觸發(fā)箭頭動(dòng)畫和白色圓形變方形恢復(fù)到狀態(tài)0.

其他觸發(fā)行為可自行嘗試。

這是單個(gè)錨點(diǎn)的使用方法，多個(gè)錨點(diǎn)也可以這樣用。