1.PC端使用betterscroll，点击事件也只触发1次？2.menuList的滚动不会自动触发

Question

1. 如图，PC端不添加construted情况下，在chorme中点击也只会触发一次

2. 不论主动点击menuItem还是滚动foodList，menuList并不会自动滚动，这样感觉有问题，尝试在foodScroll中添加如下代码：
   

3. this.foodsScroll.on('scroll', (pos) => {
   if (pos.y <= 0) {   // 判断滑动方向，避免下拉时分类高亮错误（如第一分类商品数量为1时，下拉使得第二分类高亮）
   this.scrollY = Math.abs(Math.abs(Math.round(pos.y)))
   }
   if (this.curMenuIndex === 0 || this.curMenuIndex === FULL_MENULENTH) {
   this.menuScroll.scrollToElement(this.$refs.foodList[this.curMenuIndex], 200)
   }
   }

   但这是只是解决的这个页面的问题，当menu数量更多时，不知道怎么解决

Answer 1

ustbhuangyi 2017-08-27 01:07:21

可以对比我的源码，https://github.com/ustbhuangyi/vue-sell
点击一次的问题应该是你用了最新版的 better-scroll，最新版已经修复了这个问题

• 提问者 ral空 #1

  对比过了，还有提个建议：better-scroll在跳转列表element的时候会看到遍历动画，而不是直接切换跳转，希望以后有优化