请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

正在回答 回答被采纳积分+3

3回答

提问者 慕莱坞8486557 2020-01-30 15:59:36

https://img1.sycdn.imooc.com/szimg/5e328c1509c37bd504970695.jpg

https://img1.sycdn.imooc.com//szimg/5e328c1509f1cf8e04930704.jpg


内容滚动时切换了tab页,想要的需求是:滚动单个tab下的内容时不会切换 tab 。这里是一个tab下的内容还没滚动完的时候,就切换了tab页签。

0 回复 有任何疑惑可以回复我~
  • 喔,我了解了,这个属于嵌套同向 scroll 比较麻烦的地方,想要实现需要根据滚动的位置控制内外层 scroll 的 disable 和 enable。不过外层滚动是 cube-slide 去控制的,内层是 cube-scroll。 cube-scroll 是支持嵌套 scroll 处理的,但目前你这个场景没有支持。我建议你可以给 cube-ui 官方提一个 issue,看他们能否支持你这个嵌套滚动场景。
    回复 有任何疑惑可以回复我~ 2020-01-31 15:28:49
  • 提问者 慕莱坞8486557 回复 ustbhuangyi #2
    好的,我明白了,谢谢老师的解答。
    回复 有任何疑惑可以回复我~ 2020-02-01 19:14:46
ustbhuangyi 2020-01-30 15:36:08

https://img1.sycdn.imooc.com//szimg/5e32875509db620309080860.jpg
tab 没有动,只是下边线会跟着动

0 回复 有任何疑惑可以回复我~
ustbhuangyi 2020-01-29 11:12:53

应该是你的布局或者是样式有问题吧,你有和源码仔细对比过吗?

0 回复 有任何疑惑可以回复我~
  • 提问者 慕莱坞8486557 #1
    是参考源代码的一个功能,cube-tab-bar的布局一样,内容区用的cube-scroll横向滚动 ,但单个tab下的内容在横向滚动时,会牵连tab页签一起滚动
    回复 有任何疑惑可以回复我~ 2020-01-29 11:29:02
  • ustbhuangyi 回复 提问者 慕莱坞8486557 #2
    你把代码传到 GitHub 上,我抽空帮你看下
    回复 有任何疑惑可以回复我~ 2020-01-29 12:48:14
  • 提问者 慕莱坞8486557 回复 ustbhuangyi #3
    老师,cube-ui中ScrollNav 组件的 Default很接近于我的需求:如果内容区域去掉大标题,各个标题下内容 flex 布局,就跟我需求一致了。ScrollNav 组件 内容区域不能调整为平布局吧
    回复 有任何疑惑可以回复我~ 2020-01-29 19:41:46
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信