右侧滚动左侧没有跟着滚动

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

多乐

2017-04-13

老师课程里只实现了右侧滚动，级联到左侧的分类，但并没有实现左侧超出屏幕高度的分类，跟着被滚上来。

写回答

2回答

ustbhuangyi

2017-04-14

已采纳

这些细节，建议你们去做优化，也是一种锻炼~

多乐

非常感谢！

2017-04-19

共1条回复

zakerking1991

2017-04-17

我试了下,直接在计算属性方法里定义一个scrollMenu的滚动事件,把i传递进去滚动到指定位置,测试了下可以..

currentIndex() {
let scrollMenu = this.$refs.menuWrap.getElementsByClassName('menu-item');
for(let i = 0;i<this.listHeight.length; i++) {
//比较判断,i为当前位置顶部,i+1为下一项的顶部
let height1 = this.listHeight[i];
let height2 = this.listHeight[i + 1];
if(!height2 || (this.scrollY >= height1 && this.scrollY < height2)) {
this.scrollMenu.scrollToElement(scrollMenu[i],300)
return i
}
}
}

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

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

9868 学习 · 4162 问题

查看课程

相似问题

老师怎么样才能实现点击左边Menu然后让右边foods的滑动停止呢

回答 1

当左侧内容不能占满整个屏幕时，怎么能让右侧内容滑动，左侧能容和右侧内容联动实现左侧内容滚动效果呢

回答 1

计算属性currentIndex中的height1和height2似乎没有循环

回答 1

老师，商品、评价、详情的内容（flex布局）如果是横向滚动，此时滚动内容时，会牵连“商品、评价、详情”这些tab一起滚动，这个问题要怎么解决呢？

回答 3

foods组件中右侧商品列表滑动，左侧可以加上current类，可是不随着右侧的滑动而动，这样会导致隐藏的menu出不来，怎么解决啊

回答 2

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