如何實現上下滾動效果：

讓內容在顯示區域滾動；
內容面板沒有接觸到頂部時，讓內容面板移動至頂部；
內容面板接觸到頂部，沒有接觸到底部時，把內容面板的底部定位到底部元件位置。

1、所需元件

首先，我們需要準備以下元件：

2個矩形（300*30，分別命名為“頂部”、“底部”），動態面板（300*400，命名為“顯示區域”）。

點選【顯示區域】，在此面板的狀態1中，新增一個動態面板（300*750）。

2、填充“內容”面板

雙擊內容面板中的狀態1，填充一些元素，方便檢視滾動效果。

3、新增事件

（1）讓內容在顯示區域滾動。即，讓內容面板中的內容，在顯示區域面板的區域中滾動展示。

選中【顯示區域】面板，新增【拖動時】用例，新增【移動】動作，勾選【內容】面板，移動方式為【垂直移動】，點選確定。

（2）當內容面板沒有接觸到頂部時，讓內容面板移動至頂部。

① 先編輯條件，內容面板未接觸到頂部。

選中【顯示區域】面板，新增【拖動結束時】用例，【新增條件】。條件編輯如下圖：

②讓內容面板移動至頂部。

新增【移動】動作，勾選【內容】面板，移動【到達】至【0，0】。

（3）內容面板接觸到頂部，沒有接觸到底部時，把內容面板的底部定位到底部元件位置。

①先編輯條件，內容面板接觸到頂部，但未接觸底部。

選中【顯示區域】面板，新增【拖動結束時】用例，【新增條件】。條件編輯如下圖：

②讓內容面板移動至頂部。

新增【移動】動作，勾選【內容】面板，移動【到達】至【0，-350】，點選確定。

-350=400-750（顯示區域面板高度-內容面板高度）

以上就是用Axure 製作上下滾動效果的全部過程，可以點選預覽檢視一下~

密碼：15kp