小程序上下滑动页面,同时切换导航栏选中状态

/**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var that=this;
    setTimeout(function(){
      var query=wx.createSelectorQuery();
      query.select(‘.head‘).boundingClientRect();
      query.select(‘.zhengce‘).boundingClientRect();
      query.select(‘.tuwen‘).boundingClientRect();

      query.exec(function(res){
        console.log(res)
        that.setData({
          query:res,
        })
      })
    },500)
    
  },
  /**
   * 页面滚动
   */
  onPageScroll:function(e){
    var that=this;
    console.log(e.scrollTop)
    console.log(that.data.query)

if(e.scrollTop>=0 && e.scrollTop<=that.data.query[0].height-60){
      that.setData({
        tab_dian:1,
      })
    }
    if(e.scrollTop>=that.data.query[1].top-60 && e.scrollTop<=that.data.query[1].top+that.data.query[1].height-60){
      that.setData({
        tab_dian:2,
      })
    }
    if(e.scrollTop>=that.data.query[2].top-60 && e.scrollTop<=that.data.query[2].top+that.data.query[2].height-60){
      that.setData({
        tab_dian:3,
      })
    }
  },