<scroll-view   style="height:100%;width:100%;" scroll-y="true" bindscroll="scrollFoods" scroll-top="{{scrollTop}}">
  <view wx:for="{{goods}}" wx:for-item="item" class="food-list-hook">
    <view class="cate">{{item.name}}</view>
    <view class="food-item" wx:for="{{item.foods}}" wx:for-item="itemFoods">
      <view class="icon" ><image src='{{base_url}}{{itemFoods.image}}' mode='aspectFill' /> </view>
      <view class="content">
        <view class="title">{{itemFoods.name}}</view>
        <view class="desc">{{itemFoods.info}}</view>


      </view>
    </view>
  </view>
</scroll-view>

/**
 * 跳到某一个菜单元素
 */
scrollToMenu: function (e) {
    var that = this;
    let current = e.currentTarget.dataset.current;
    let toViewString = 'menu-' +current;
    console.log(current+"和"+toViewString);
    that.setData({
        currentIndex: current,
        toView: toViewString,
        scrollTop: that.data.foodListHeights[current]
    });
},
/**
 * 监听商品滚动事件
 */
scrollFoods: function (e) {
    var that = this;
    let currentY = e.detail.scrollTop;
    console.log(that.data.foodListHeights);
    for (let i = 0; i < that.data.foodListHeights.length - 1; i++) {
        let heightBottom = that.data.foodListHeights[i];
        let heightTop = that.data.foodListHeights[i + 1];
        //对滑动后currentY值不足的情况进行修正
        let diff = Math.abs(currentY - heightTop);
        //判断currentY当前所在的区间
        console.log(currentY+"和heightTop:"+heightTop+"和heightBottom:"+heightBottom);
        if (currentY < heightTop && currentY >= heightBottom) {
            let toViewString = 'menu-' + (i > 5 ? i - 5 : 0);
            that.setData({
                currentIndex: i,
                toView: toViewString
            });
        }
    }
},

当点击左侧菜单时。。执行

scrollToMenu

。。。可是居然有时出触发到

scrollFoods

这个方法。。。