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

在swiper组件中的子元素想要使用position:fixed；bottom:0;,无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 工具 6.5.3 2.0.0

在swiper组件中的子元素想要使用position:fixed；bottom:0;,固定在窗口的最下边，但是无效，加了z-index也无效，求解决


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

4 个回答

  • 四月天
    四月天
    发表于小程序端
    2023-03-14

    请问楼主怎么解决的？

    2023-03-14
    有用
    回复
  • 其實遥远并不远
    其實遥远并不远
    2021-08-06

    已经完美解决这问题了，

    2021-08-06
    有用
    回复 3
    • wantingtr
      wantingtr
      2021-09-26
      请问是怎么解决的呢
      2021-09-26
      赞 1
      回复
    • 星灵之刃
      星灵之刃
      2024-04-25
      大部分情况下解决方案：用root-portal组件将需要fixed定位的组件直接挂到page root上。
      2024-04-25
      赞 1
      回复
    • 维羊
      维羊
      2025-09-02回复星灵之刃
      有用
      2025-09-02
      赞
      回复
  • 胃里养了只霸王龙
    胃里养了只霸王龙
    2021-06-03

    提供可复现问题的代码片段。

    尝试给定位的父级加transform: translate3d(0,0,0)

    2021-06-03
    有用
    回复 6
    • 其實遥远并不远
      其實遥远并不远
      2021-06-04
      很简单，<swiper><swiper-item>
      1213213

      <view class="bottomBox">
      123
      </view> </swiper-item></swiper>然后给bottomBox一个position：fixed;bottom:0;无效
      2021-06-04
      赞
      回复
    • 胃里养了只霸王龙
      胃里养了只霸王龙
      2021-06-04回复其實遥远并不远
      这样跟你说吧，因为swiper-item的样式里有transform。transform会将他的子元素fixed定位改为absolute定位。
      2021-06-04
      赞
      回复
    • 胃里养了只霸王龙
      胃里养了只霸王龙
      2021-06-04
      这样看着就是absolute定位。
      2021-06-04
      赞
      回复
    • 其實遥远并不远
      其實遥远并不远
      2021-06-07
      好的，谢谢吧，但是我尝试了transform: translate3d(0,0,0)，没有效果
      2021-06-07
      赞
      回复
    • 其實遥远并不远
      其實遥远并不远
      2021-06-07回复胃里养了只霸王龙
      没有固定到底部，而且会滚动，只是相对于swiper定位，
      2021-06-07
      赞
      回复
    查看更多(1)
  • 浪花骑士
    浪花骑士
    2021-06-03

    swiper组件中的子元素为什么会想要使用position:fixed?

    你要实现啥?怕不是思路错了

    2021-06-03
    有用
    回复 1
    • 其實遥远并不远
      其實遥远并不远
      2021-06-03
      背景文字和固定部分的文字过多需要，单独的滚动条效果，
      2021-06-03
      赞
      回复
请 登录 后发表内容
相关文档