微信小程序 頁面滾動頭部顯示隱藏

<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

    })

  },