美文网首页
小程序-swiper中position:fixed失效问题

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

作者: 雷根儿 | 来源:发表于2020-02-07 12:40 被阅读0次

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

解决:

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

备注

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/mbdmxhtx.html