微信小程序电商系统省市区选择器：实现动画底部弹出悬浮框.

本文作者：秀杰，来自

要点一：固定底部（position:fixed）

页{相对位置：高度： 100%;}/*弹窗主体*/.模态内容{位置：固定；底部：-285 px；左： 0；宽度： 100%;高度： 285像素；边距-top : 5px；背景# fffz-index : 999；}

要点二、位移动画translateY

var动画=wx。create animation({ duration : 500，timing functions : ' ease-in-out '，})；this.animation=动画；animation.translateY(-285).step()；这个。setdata({ animationData: this。动画。export()、maskvisual : ' show ' })；视图动画="{ { animationData } } "类="模态内容"位置文档出处

动画文档出处

附上完整代码：

射流研究…代码

cascadePopup:函数(){ var animation=wx。create animation({ duration : 500，TimingFunctions : ' ease-in-out '，})；this.animation=动画；animation.translateY(-285).step()；这个。setdata({ animationData: this。动画。export())，maskVisual: 'show '