我就是想要做一个搜索栏随着下滑渐隐，【】iphone6s IOS9 微信版本6.6.2 播放音乐BUG。随着上滑渐出的动画，但是找不到流畅的解决方案
一开始尝试用transition属性，判断下滑方向和搜索栏显示状态，当两者不一致时更新搜索栏height值。
在电脑上看着效果很好，但是用安卓测试的时候卡顿严重：
var now = e.detail.scrollTopvar last = this.data.scrollTopvar scrollDown = this.data.scrollDownvar sHeight = this.data.sHeightif ((now > last && !scrollDown) || (now < last && scrollDown)) { sHeight = 40-sHeight this.data.scrollDown = !scrollDown this.setData({ sHeight: sHeight })}this.data.scrollTop = e.detail.scrollTop然后尝试使用微信的animation API，然而卡顿依然严重：
var animation = wx.createAnimation({
duration: 500,
timingFunction: "ease"})
this.animation = animation
if ((now > last && !scrollDown) || (now < last && scrollDown)) {
this.data.scrollDown = 1 - scrollDown this.animation.scale(scrollDown).step()
this.setData({
sHeightAnim: this.animation.export()
})
}
this.data.scrollTop = e.detail.scrollTop

查了一下感觉transform和animation的运行效率也差不多，毕竟也是要走transition
所以有没有大佬可以提供一个较好的解决方案orz跪谢



微信小程序开发相关问题解答；本文来自微信小程序工厂 http://www.xcxgc.com 转载请保留。

本文网址：http://www.91bianli.com/kaifazhinan/71613.html