多层滚动问题

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

多层滚动问题

来源：17-6 better-scroll运用（1）

德古拉的残魂

2018-07-09

老师，再打扰您一下，从图一位置，tab栏滚动到顶部并固定后（即图二），这时候怎么让左侧的menu和右侧的foods分别都能分别滚动呢，scroll的初始化和menu-wrapper、foods-wrapper（或者外层的foods）的定位怎么写？（因为我已经在外层套了一个scroll-wrapper并写了fixed布局）谢谢老师

写回答

1回答

ustbhuangyi

ustbhuangyi

2018-07-09

已采纳

你看看是不是这种效果，可以使用 cube-ui 喔

https://didi.github.io/cube-ui/example/#/scroll-nav/side

0

3

德古拉的残魂

老师，我看了一下DOM结构，追问一句，cube-ui这个实现方式，是不是在滑动一定距离后销毁原来的menu和foods，再让已写好的这两个滚动组件显示出来

2018-07-09

共3条回复

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

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

9868 学习 · 4162 问题

相似问题

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

回答 3

使用 better-scroll 没办法出现滚动

回答 3

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

回答 1

better-scroll为什么非第一个打开的tab页面，滑动无效？

回答 1

我的商品页不能滚动

回答 2

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