小程序
小游戏
企业微信
微信支付
扫描小程序码分享
position: fixed在小程序中排版有问题
情况如下:
当设置view的宽度为多个750rpx,名为A-view,
然后有个自定义悬浮按钮(此按钮用于点击回到顶部,所以css样式为 position: fixed;top: 500rpx;right:0;width: 50rpx;height: 50rpx;),
结果发现该悬浮按钮定位不是基于当前可视窗口right:0;而是基于A-view来定位,出现在A-view的最右边
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
经测试,发现是因为position: fixed无法溢出带有transform属性的元素,A-view中带有transform属性,所以悬浮按钮被固定在A-view中
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
经测试,发现是因为position: fixed无法溢出带有transform属性的元素,A-view中带有transform属性,所以悬浮按钮被固定在A-view中