公告列表
公告列表
收藏
回答

swiper组件元素层级问题?

如图如何让swiper的子元素层级高于swiper父元素显示完整,父元素position:relative;子元素position:absolute;滑动第二页也保持相对位置。

回答关注问题邀请回答
收藏

1 个回答

  • 微盟
    微盟
    2023-01-10

    这个不是层级的问题，是父元素设置了超出隐藏；如果是不需要滑动的话，可以尝试讲这个元素放到swiper之外，通过设置position覆盖到swiper上。

    https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

    2023-01-10
    有用 1
    回复 7
    • -
      -
      2023-01-10
      好像跟没讲一样,不滑动谁会不知道怎么定位？很明显就是swiper组件高度固定了,子元素都不能够超出
      2023-01-10
      赞
      回复
    • 微盟
      微盟
      2023-01-10回复-
      那可以将swiper里面的内容放大一点，上面留出一点空，来模拟这个元素是在swiper之外的效果
      2023-01-10
      赞
      回复
    • -
      -
      2023-01-10回复微盟
      自己去实操下吧  别纸上谈兵了  swiper设置滑动2页每一页一个九宫格
      2023-01-10
      赞
      回复
    • 大米
      大米
      2023-01-10回复-
      winter有门课叫《重学前端》，我建议你去重学一下，swiper-item是自带overflow:hidden的，hidden容器内的元素无法超出容器展示的，你z-index写到底只能说你前端基础有点......我看人家这个方案是可行，建议你好好试一试，要不你就把问题描述清楚，不然真不知道你讲的是个什么场景
      2023-01-10
      赞
      回复
    • -
      -
      2023-01-10
      照你这么说overflow:hidden无法超出容器展示那设置为scroll是不是就可以超出？z-index写到底听得懂什么意思吗？你开发是都去wxss页面或者wxml页面写样式保存看的？我反正是用调试器测试样式的,而且写到底定义是啥是怎么写到无穷大都没用强调的是没用你文字理解有问题是不是应该去重新进修下《义务教育课程标准实验教科书语文》?还有自己没有解决方案就好好学习,不然就贴出代码方案再说
      2023-01-10
      赞
      回复
    查看更多(2)
请 登录 后发表内容
相关问题
相关文档