小程序
小游戏
企业微信
微信支付
扫描小程序码分享
this.animate('.nav .nav_box', [ { height: '220rpx' }, { height: '0rpx' } ], 2000, { scrollSource: '#container_scroll', startScrollOffset: 0, endScrollOffset: 220, timeRange: 2000 })
滚动动画改变圆角可以使用rpx单位,但是高度使用rpx单位就会没有反应
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
Page({
data: {
},
onReady() {
this.animate('#box1', [
{ borderRadius: '100rpx 0 100rpx 0', height: '200rpx' },
{ borderRadius: '0 0 0 0', height: '0rpx' }
], 2000, {
scrollSource: '#scroll',
timeRange: 2000,
startScrollOffset: 0,
endScrollOffset: 400
})
this.animate('#box2', [
{ borderRadius: '100rpx 0 100rpx 0', height: 200 },
{ borderRadius: '0 0 0 0', height: 0 }
}
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
两个盒子一样的,样式都是用rpx写的,滚动驱动的动画可以改变rpx单位的圆角,但是高度用rpx就是不行
Page({
data: {
},
onReady() {
this.animate('#box1', [
{ borderRadius: '100rpx 0 100rpx 0', height: '200rpx' },
{ borderRadius: '0 0 0 0', height: '0rpx' }
], 2000, {
scrollSource: '#scroll',
timeRange: 2000,
startScrollOffset: 0,
endScrollOffset: 400
})
this.animate('#box2', [
{ borderRadius: '100rpx 0 100rpx 0', height: 200 },
{ borderRadius: '0 0 0 0', height: 0 }
], 2000, {
scrollSource: '#scroll',
timeRange: 2000,
startScrollOffset: 0,
endScrollOffset: 400
})
}
})