小程序
小游戏
企业微信
微信支付
扫描小程序码分享
求解:在swiper中使用position: fixed失效?
搜索过相关问题,官方没有回复。所以我生成了个代码片段,求解答...
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
2023了,还没解决
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
百度到了问题所在,如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。因为swiper组件用的就是tansform进行卡片位置变换的,所以不起作用
解决方案 若使用swiper+scroll-view的组合,设置scroll-view的scroll-y为false可以禁止滚动。希望能给后来人提供些帮助。
马上要一年了
没明白问题是什么?为什么在swiper组件内需要用到fixed定位?
如果是需要相对于屏幕绝对定位的话,那这个元素根本不应该作为swiper的子元素才对。
因为本来是把标题组件放在swiper内的,需求要求绝对定位,就直接加了fixed,然而不生效。不过现在我已经把标题拎出来了,但是fixed的确没作用啊。
我又在其他地方看到你说没明白问题巴拉巴拉,你是专业拆台的不😂?不过,说的还挺对,噗哈哈
绝对定位的话应该用absolute而不是fixed才对
另外,这里fixed为什么没生效,确实也是个问题。这里我再看看
我的需求:俩个好友列表,俩个index索引,swiper左右滑动;
现在ios上index索引没法在swiper内fixed定位,部分安卓OK;
目前只能改设计共用一个index索引。希望官方能让我有更好的解决办法迎合产品需求,谢谢
反馈收到
这个问题解决了么,我们也遇到了同样的问题。
而且在ios上,swiper的中的scroll-view 的scroll事件是在滚动完毕才响应,不是在滚动的过程中响应的。
问题是否解决,官方也没有个标记、回复 😒
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
2023了,还没解决
百度到了问题所在,如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。因为swiper组件用的就是tansform进行卡片位置变换的,所以不起作用
解决方案 若使用swiper+scroll-view的组合,设置scroll-view的scroll-y为false可以禁止滚动。希望能给后来人提供些帮助。
马上要一年了
没明白问题是什么?为什么在swiper组件内需要用到fixed定位?
如果是需要相对于屏幕绝对定位的话,那这个元素根本不应该作为swiper的子元素才对。
因为本来是把标题组件放在swiper内的,需求要求绝对定位,就直接加了fixed,然而不生效。不过现在我已经把标题拎出来了,但是fixed的确没作用啊。
我又在其他地方看到你说没明白问题巴拉巴拉,你是专业拆台的不😂?不过,说的还挺对,噗哈哈
绝对定位的话应该用absolute而不是fixed才对
另外,这里fixed为什么没生效,确实也是个问题。这里我再看看
我的需求:俩个好友列表,俩个index索引,swiper左右滑动;
现在ios上index索引没法在swiper内fixed定位,部分安卓OK;
目前只能改设计共用一个index索引。希望官方能让我有更好的解决办法迎合产品需求,谢谢
反馈收到
这个问题解决了么,我们也遇到了同样的问题。
而且在ios上,swiper的中的scroll-view 的scroll事件是在滚动完毕才响应,不是在滚动的过程中响应的。
问题是否解决,官方也没有个标记、回复 😒