小程序滑动监听，置顶元素在顶部

小程序使用了自定义顶部，去除了小程序原生的头部，顶部目前是一个图片，页面下拉就没有头部了。
需求，页面下滑到某个地方，顶部变成一个蓝色的元素，左边是一个白色的返回按钮。

使用的小程序监听方法：onPageScroll

在使用的wxml页面中监听用户的滑动，在js中获取活动的值 由-1开始增加

js中在data指定 scrollTop:-1

在方法中增加onPageScroll 获取参数即可

js：

data{
   
scrollTop-1
},
onPageScroll:function(t){
   
  cosnole.log(t.scrollTop);//会随着用户下滑页面值变大
  this.setData({
   scrollTop:t.