组件CSS属性设为position: absolute后不渲染

Question

老师您好,我在自己的项目中的goods组件有些问题,scroll-nav-wrapper的CSS中设置position: absolute后,goods组件不会渲染,而设置为relative则正常渲染.但是会发生不能上下滑动的情况,请问如何解决,下面是我的项目github地址,组件位于src/components/goods.
https://github.com/876102824/project

Answer 1

ustbhuangyi 2020-05-03 13:03:23

这类问题我在提问区遇到过很多次，你先自查一下是不是你的 Goods 区域容器高度和内容高度一致了，导致不能滑动，建议检查一下布局和样式，对比一下线上的成品：http://ustbhuangyi.com/sell
不仅仅是 Goods 组件，还有父组件的样式，如果还搞不定，我再帮你看看。

• 提问者 qq_慕勒6463536 #1

  感谢老师,发现滑动问题是因为父组件样式有问题,滑动问题解决了
  还有一个问题,goods组件右边的cube-scroll-nav-panel滑动时不会联动左边的cube-scroll-nav-bar,但点击左边bar中的item右边会跳到相应的内容

• ustbhuangyi 回复 提问者 qq_慕勒6463536 #2

  我的在线项目好像没这个问题诶，也建议你先和源码做一下对比，看看哪里不一样。