微信小程序 左侧菜单监听右侧滚动判断左侧菜单触发

思路 : <scroll-view> 绑定滑动事件 event 打印出数据

其中 scrollHeight:1559 显示的是 高度

scrollTop 显示的是 头部的距离

计算一个 占用多大

在获取这个类目下一共有多少个商品 加上一个 标题的高度 通过计算距离top多远得到在哪个类目下

  leftmenu: function (event) {
   var temp = tool.LaftMenu(this.data.listdata.Group)// 按顺序获取每个种类菜单的高度
   var len = temp.length
   var index=0
   for(var i=0;i<len;i++){
     if (temp[i] >event.detail.scrollTop){ 
       index= i
       break
     }
   }
   if(index!=this.data.index){
     this.setData({
       index: index
     })
   }
  }

https://github.com/372572571/wx-order  

实现demo在order页面下

猜你喜欢

转载自my.oschina.net/u/3529405/blog/1643485
今日推荐