升级版header吸顶后滑动变色（二）

 

 

<van-nav-bar fixed id="opacityHeader"      //拉伸状态显示的header

        title="赛事"

        left-arrow

        color=''

      />

      <van-nav-bar fixed id="notreal"        //未拉伸状态显示的header 

        title="赛事"

        left-arrow

        color=''

      />

js：

scroll(){

          // debugger

          let winHeight = $(window).scrollTop()

          document.getElementById('opacityHeader').style.opacity=winHeight*0.01 

        },

css：

#notreal{

  background: none!important

}

.van-nav-bar{

    background: #4e8eff;

    color: white;

  }