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

微信朋友圈天天用，感覺這種下拉動畫很多地方都有用到，不多說，just do it。

輕仿，還有很多細節沒繼續做，效果如下：

主要想法：面板拖動，移動/放大背景圖。

步驟如下：

1、畫狀態欄、標題欄及底部欄、背景圖片bgImg（高度196），拖一個動態面板（主要用于限制頁面顯示區域）命名為頁面面板。

2、在頁面面板state1編輯頭像、名稱、占位符內容，轉換為動態面板（內部面板），拖動的就是這個內部面板。

3、設置內部面板的拖動事件：拖動時、向上拖動結束時、向下拖動結束時。

拖動時：

（1）垂直拖動內部面板，設置拖動邊界限制。

（2）向上拖動距離小于50時，標題欄透明。

（3）向上拖動距離大于50時，標題欄透明度隨拖動距離變化。

（4）向下拖動時，改變bgImg高度，增加值等于拖動距離，左上角點（0,0）不變。

（5）向上拖動時，改變bgImg位置，左上角點跟隨面板的左上角點。

向上拖動結束時：

（6）如果bgImg的高度增加了，bgImg尺寸恢復，bgImg和面板位置恢復。

向下拖動結束時：

（7）如果bgImg的高度增加了，bgImg尺寸恢復，bgImg和面板位置恢復。

（1）至（7）具體設置如下：

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

題圖來自Unsplash，基于CC0協議