微信小程序仿淘宝，向下滚动，头部导航栏背景由透明编程白色（animate）

开发电商类的小程序过程中，有很多导航栏在滑动的时候背景色渐变，下面就来实现一下：

借助小程序的animate方法实现过渡效果，只不过目前这一功能只能绑定scroll-view元素。

1.wxml页面

<scroll-view
  id="scrollBox"
  class="view-page"
  scroll-y="{
  
  {true}}"
  throttle="{
  
  {false}}"
  enhanced="{
  
  {true}}"
  binddragstart="scrollStart"
  bindscrolltoupper="scrollToUp"
  >  
  <view class="navbar custom-class" style='height:{
  
  {navHeight}}px;'>
    <button class="navbtn back" bindtap="_navBack" style='top:{
  
  {navTop}}px;' >
      <text class="iconfont icon-jiantou-left"></text>
    </button>
    <view class='navbar-title' style='top:{
  
  {navTop}}px;'>通告详情</view>
  </view>
</scroll-view>

2.js页面

_animate() {
    wx.createSelectorQuery().select('#scrollBox').fields({
      scrollOffset: true,
      size: true,
    }, (res) => {
      //为