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

首页课程实战体系课手记专栏慕课教程

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

来源：17-8 better-scroll运用（3）

ral空

2017-08-26

如图，PC端不添加construted情况下，在chorme中点击也只会触发一次
不论主动点击menuItem还是滚动foodList，menuList并不会自动滚动，这样感觉有问题，尝试在foodScroll中添加如下代码：

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数量更多时，不知道怎么解决

写回答

1回答

ustbhuangyi

ustbhuangyi

2017-08-27

已采纳

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

0

1

ral空

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

2017-08-27

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

better-scroll不能滚动问题，开始从pc端（可以滚动）切换到手机端不能滚动

回答 1

点一次+号商品数量+2

回答 1

老师，为什么我用vue2的时候，在better scroll 中，移动端点击触发两次，pc端触发三次

回答 1

点击购物车显示不正确

回答 2

点击shopcart任意位置都会触发toggleList事件

回答 2

打开慕课网App查看更多内容