小程序-swiper中position:fixed失效问题

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

解决:

1.将设置position:fixed的控件放到swiper外面,在切换item时将其隐藏(根据个人需求)
实例.png

备注

大家有更好的解决办法,请指教,谢谢

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSs概述 cascading style sheets 层叠样式表 简称为样式表 2.作用 用来去设置ht...
    newTmorrow阅读 1,146评论 0 0
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,963评论 0 4
  • (这是15年初学css时记的笔记) 选择器 简单选择器 标签选择器 直接把标签名加前面。 类选择器 用.+ cla...
    burningalive阅读 1,192评论 0 0
  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 950评论 0 2
  • 今天家庭幸福力线上21天打卡第12天—陪孩子一起看电影或动画。 恰逢今日讲师班上课,无法完成作业,但是回想起这个寒...
    周胜梅阅读 917评论 1 4

友情链接更多精彩内容