中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

上一篇《Axure教程： 輪播圖制作步驟詳解》，今天來給大家講講如何用Axure實現上下滾動效果。

如何實現上下滾動效果：

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

1、所需元件

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

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

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

2、填充“內容”面板

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

3、添加事件

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是用Axure 制作上下滾動效果的全部過程，可以點擊預覽查看一下~

文件分享：http://pan.baidu.com/s/1hsIPfDU

密碼：15kp

本文由 @?Olga 原創發布于人人都是產品經理。未經許可，禁止轉載。