收藏
回答

swiper组件内的position:fixed失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 客户端 6.7.2 2.4.2

求解:在swiper中使用position: fixed失效?


搜索过相关问题,官方没有回复。所以我生成了个代码片段,求解答...

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

5 个回答

  • NaN
    NaN
    2023-02-10

    2023了,还没解决

    2023-02-10
    有用
    回复 1
    • 汪汪汪汪
      汪汪汪汪
      2023-05-18
      真要命,还没有解决
      2023-05-18
      回复
  • 叶耳朵🥹
    叶耳朵🥹
    2022-05-25

    百度到了问题所在,如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。因为swiper组件用的就是tansform进行卡片位置变换的,所以不起作用

    解决方案 若使用swiper+scroll-view的组合,设置scroll-view的scroll-y为false可以禁止滚动。希望能给后来人提供些帮助。

    2022-05-25
    有用
    回复 1
    • Caroline
      Caroline
      2023-08-11
      解决了吗
      2023-08-11
      回复
  • 农大宝
    农大宝
    2019-12-05

    马上要一年了

    2019-12-05
    有用
    回复
  • 韬々
    韬々
    2018-12-13

    没明白问题是什么?为什么在swiper组件内需要用到fixed定位?


    如果是需要相对于屏幕绝对定位的话,那这个元素根本不应该作为swiper的子元素才对。

    2018-12-13
    有用
    回复 6
    • 2018-12-13

      因为本来是把标题组件放在swiper内的,需求要求绝对定位,就直接加了fixed,然而不生效。不过现在我已经把标题拎出来了,但是fixed的确没作用啊。

      2018-12-13
      回复
    • 2018-12-13

      我又在其他地方看到你说没明白问题巴拉巴拉,你是专业拆台的不😂?不过,说的还挺对,噗哈哈

      2018-12-13
      回复
    • 韬々
      韬々
      2018-12-13

      绝对定位的话应该用absolute而不是fixed才对


      另外,这里fixed为什么没生效,确实也是个问题。这里我再看看

      2018-12-13
      回复
    • 最野的猹。
      最野的猹。
      2018-12-19

      我的需求:俩个好友列表,俩个index索引,swiper左右滑动;

      现在ios上index索引没法在swiper内fixed定位,部分安卓OK;

      目前只能改设计共用一个index索引。希望官方能让我有更好的解决办法迎合产品需求,谢谢

      2018-12-19
      回复
    • 2019-09-20
      swiper组件里用fixed没生效的问题解决了吗
      2019-09-20
      回复
    查看更多(1)
  • 是小白啊
    是小白啊
    2018-12-12

    反馈收到

    2018-12-12
    有用
    回复 4
    • vic
      vic
      2018-12-21

      这个问题解决了么,我们也遇到了同样的问题。

      而且在ios上,swiper的中的scroll-view 的scroll事件是在滚动完毕才响应,不是在滚动的过程中响应的。


      2018-12-21
      回复
    • 阿白
      阿白
      2019-08-08

      问题是否解决,官方也没有个标记、回复 😒

      2019-08-08
      回复
    • 沫笺
      沫笺
      2019-08-12
      我也发现了这个问题,请问是否解决呢
      2019-08-12
      回复
    • 胡泽涵
      胡泽涵
      2020-09-11
      解决了吗?
      2020-09-11
      回复
登录 后发表内容