小程序 导航栏的吸顶简单带动画

console.log(e.scrollTop)

let scrollTop = e.scrollTop

let scrolltype = this.data.scrolltype

let animation = wx.createAnimation({

duration: 500,

timingFunction: "linear",

delay: 0

})

if (scrollTop > 100) {

scrolltype = '1' //隐藏

console.log("显示隐藏")

animation.translateY(-180).step()

} else {

scrolltype = "0" //显示

animation.translateY(0).step()

}

this.setData({

scrolltype: scrolltype,

animation: animation.export()

})

}