微信小程序滑动页面到指定位置时，顶部栏目发生变化达到切换的目的之彩笔计划

可以要求参考下网易严选的栏目做个，没做过啊，一脸彩笔。。

  <view class="custom flex_center {{scrollTop>0.01 ? 'xiahu' : ''}}" style="height:{{zt_hight_d1}}px;">

以1为单位。当滑动大于0.01时，就改变背景颜色
我这里做的是超过获取的栏目高度这添加背景色否则无
通过onPageScroll事件动态的改变scrollTop的值来判断是否大于顶部栏目高度

  onPageScroll: function (e) {//监听页面滚动
    this.setData({
      scrollTop: e.scrollTop//获取向上滑动的距离
    })
    console.log(e);
  },

完成效果：

启发原文章