用于2d平移的变换函数,其将y轴上的元素移动给定值。请注意,y轴垂直向下增加:正长度向下移动元素,而负长度向上移动元素。
translateY(<translation-value>)
横跨y轴平移的值。可以是 长度 或 百分比 值。
例子
该示例显示了三个div元素,这些元素使用translateY()函数单独转换。
wxml
wxss
wx.js
分析: bottom-dialog-body 设置高度为300 left , right , bottom 都为0 开始赋值的 transform 属性为高度的100%(即:高度)用 anmation 改变 translateY 为0,设置成原来的 bottom
这个动画,都是相对于设置的 bottom 来的,但是位置是从第一次 translate 以后的位置,开始动画, 这边就第一次的 translate 和第二次的 translate 都是并列的,第一次 translate 相对于 bottom 那第二次的 translate 也是相对于 bottom
注意: 在 js 文件中, animation 调用 translateY(300) 这个单位是 px 不是 rpx 一定要特别注意
微信官方回复文章: https://developers.weixin.qq.com/community/develop/doc/00026658428810dd8c07c062556400
设置border-radius同时增加transform: translateY(0)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)