在weex项目中使用了bindingX实现动效,其中一个效果是:随着页面的滚动,头像缩放。下面的表达式描述,即y>140?0.5:(1-y/280)
可以实现随着页面上滚,头像逐渐缩小,滚动到一定距离后,头像大小不再变化。
在iOS上,因为其自带页面弹动的效果,会导致y<0
的情况出现,所以,希望当y<0
时,头像也为固定大小。我尝试写表达式y>140?0.5:y<0?1:(1-y/280)
,在bindingX playground中会直接报错,显示语法错误,无法解析。
请问:这种三段函数该如何表示呢?
// 随着页面的滚动,头像缩放
{
element:imgTop.ref,
property:'transform.scale',
expression:'y>140?0.5:(1-y/280)',
config: {
transformOrigin: "left center"
}
}
github上找到了答案,感谢