微信小程序 页面滚动头部显示隐藏

<view class="roll" style="  opacity:{{headshow}};">
        <view class="title">
            好货到家
        </view>
</view>
data｛

    headshow: 0

｝

  onPageScroll: function (e) {

    let opacity = 0

    if (e.scrollTop <= 400) {

      opacity = e.scrollTop / 400

    } else {

      opacity = 1

    }

    this.setData({

      headshow: opacity

    })

  },