阻尼滑動(dòng)效果，簡(jiǎn)單來(lái)說(shuō)，就是頁(yè)面頂部的菜單在頁(yè)面開始向上/向下滑動(dòng)的時(shí)候并不跟頁(yè)面一起運(yùn)動(dòng)（如下圖），直到頁(yè)面滑動(dòng)一定距離后才開始運(yùn)動(dòng)。這個(gè)效果在很多手機(jī)APP或者wap站點(diǎn)中使用。效果很酷，實(shí)現(xiàn)卻很簡(jiǎn)單，只需用動(dòng)態(tài)面板多層嵌套即可實(shí)現(xiàn)。

1、新建一個(gè)axure

2、畫一個(gè)長(zhǎng)方形的動(dòng)態(tài)面板（參數(shù)為：0，0，280，450）這里我只模擬效果，所以不考慮實(shí)際大小，在實(shí)際使用時(shí)，你可能要根據(jù)模擬的手機(jī)來(lái)畫這個(gè)部分），給每個(gè)隨手畫出的動(dòng)態(tài)面板起名字是個(gè)好習(xí)慣，雙擊state1進(jìn)入動(dòng)態(tài)面板內(nèi)部

3、在state1中先畫一個(gè)頂部菜單（參數(shù)為0,0,280,50），如果你還想順便試一下底部菜單的效果也可以，但其實(shí)掌握了頂部菜單，底部就很容易了。

4、在頂部菜單之下畫一個(gè)動(dòng)態(tài)面板（參數(shù)0,50,280,400）

5、進(jìn)入該動(dòng)態(tài)面板的state1，畫一堆不同顏色的方塊，注意，最下面的方塊一定要超過(guò)動(dòng)態(tài)面板默認(rèn)區(qū)域的高度。 如果你有內(nèi)容，也可以用內(nèi)容來(lái)代替，不影響。

6、畫好以后關(guān)閉這層，到上一層，也就是第4步的層。在動(dòng)態(tài)面板上右鍵，選擇 滾動(dòng)欄，有必要顯示垂直滑動(dòng)條

7、關(guān)掉這層，到最上面一層，也就是雙擊左邊sitemap的home后打開的頁(yè)面，在第2步畫的動(dòng)態(tài)面板上做同樣的滑動(dòng)條設(shè)置操作。

8、預(yù)覽一下，有沒有出現(xiàn)我最早描述的效果？為了便于您掌握。

9、如果您根據(jù)文字描述做的無(wú)法實(shí)現(xiàn)我說(shuō)的效果，請(qǐng)仔細(xì)研究原型。其實(shí)，這里只用到動(dòng)態(tài)面板的多層嵌套和垂直滑動(dòng)菜單的顯示設(shè)置。

相關(guān)推薦：

Axure怎么制作頁(yè)面滾動(dòng)時(shí)菜單固定在頂部的頁(yè)面？

windows系統(tǒng)下axure 7.0 無(wú)法在發(fā)布中預(yù)覽的解決辦法

axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法