【小程序】导航条带颜色吸顶的实现方案

雅思小程序，领资料页 pages/materials/materials，上划页面，分组标签吸顶后，显示导航条

实现方案：
自定义导航条，默认透明度为0，吸顶后，透明度设置成1，就显示了带标题的导航
wxml:
<materialNav title='雅思备考资料' isBlack='true' opacity='{{isSticky ? 1 : 0}}'></materialNav>
js:
onPageScroll(e){ // 判断是否吸顶 this.setData({ isSticky: e.scrollTop > this.data.scrollDis }) },

 onPageScroll(e){
    // 回调nav高度,   设置吸顶距离, 判断是否吸顶
    this.setData({
      isSticky: e.scrollTop > this.data.scrollDis
    })
  },