單是簡單的滑動效果很簡單，但要做到逼真的效果，還是要注意一些細節，比如滑動時超過了臨界點該做怎麼樣的互動等。現在教大家怎麼弄，教程後面會放上需注意的細節總結
工具/原料
原型製作軟體
方法/步驟
首先建立所需要的元器件：（括號裡註明元器件的座標與大小）
元器件取名如下：
1.頭部選單 （矩形 x:0 y:0 w:260 h:35）
2.內容 （動態面板 x:0 y:39 w:278 h:369）
3.底部選單 （矩形 x:0 y:370 w:260 h:35)
其實對括號裡的屬性是不強制規定的，但剛開始，建議可以先跟以上資料進行設定。
在第一步的“內容”動態面板中再一個動態面板
1.拖動面板 （動態面板 x:0 y:0 w:260 y:673）
在拖動面板中放入你要顯示的螢幕內容，這個隨便放幾張圖片就好。懶得畫圖，這裡我就放幾個矩形了
選擇“內容”動動態面板，設定以下互動事件
1.拖動動態面板時 ，新增互動事件如圖所示：
注意，是選中“內容”面板 ， 拖動的是“拖動面板”面板
再次選擇“內容”動動態面板，設定以下互動事件
1.結束拖放動態面板時，新增互動事件如圖所示：
再次選擇“內容”動動態面板，設定以下互動事件
1.結束拖放動態面板時，新增互動事件如圖所示：
完成
儲存執行看下效果吧