关于cube-ui的问题 sticky嵌套scroll 中再嵌套scroll的问题

来源:5-4 listview 基础组件的开发和应用-滚动列表实现

前端0001

2020-08-06

老师学了你的音乐课和饿了吗的课程决定把现在我们首页的项目用cube-ui重构,
业务逻辑 就貌似cube-ui官方文档 sticky用法示例中 complex的那个逻辑,有个吸顶的效果 下面有tab切换 tab列表需要上拉加载,我用了sticky嵌套scroll tab列表也用了scroll,但是在tab这个scoll只要一开启 上拉加载 组件cube-scroll-list-wrapper 的min-height就貌似不对 下部有一大段空白 比列表的高度大好多 上拉刷新就根本触发不了,
我在tab scroll外面套了一层div计算出剩余高度之后给div 这个cube-scroll-list-wrapper就固定了 向上拉事件能触发了 但是 sticky又没用了 ,不知道怎么搞的 老师能否给点思路,,或者知道官方complex的代码地址也行 我参考学习一下,比较急~,感谢老师![图片描述
图片描述

写回答

1回答

ustbhuangyi

2020-08-06

https://github.com/didi/cube-ui/blob/dev/example/pages/sticky/complex.vue

cube-ui 我很久没有碰了,建议去研究它的示例源码

1
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程