注册 登录
jadeCat
jadeCat
  • 发布：2020-11-18 12:08
  • 更新：2023-04-20 12:10
  • 阅读：3482

移动端css position：fixed布局定位问题

分类：uni-app
布局

移动端布局踩坑

绝对不要在 scroll-view 标签内使用 position:fixed 布局做定位
安卓目前测试没啥问题，但是，注意IOS一堆坑！！！
几乎每个苹果手机展示都不一样
等你调试半天，测了几个苹果，ok没啥问题。你以为万事大吉，但是！！！


看到了吧，有些IOS他就是牛哔~（破音）
所以划重点：不要在 scroll-view 标签内使用 position:fixed 布局

0 赞 关注 分享

    19 个评论

要回复文章请先登录或注册

刘超群

刘超群

回复 DCloud_UNI_Anne ：
加了没有用
2020-11-30 09:09
DCloud_UNI_Anne

DCloud_UNI_Anne

ios 13.6.1 iPhone6s Plus 和 ios 12.4.8 iPhone 5s ，测试未发现此问题。不建议在scroll-view 标签内使用 position:fixed 。
2020-11-23 15:47
DCloud_UNI_Anne

DCloud_UNI_Anne

回复 刘超群 ：
在pages.json页面，app-plus下配置softinputMode的值。详见：https://uniapp.dcloud.io/collocation/pages?id=app-plus
2020-11-23 15:31
刘超群

刘超群

回复 DCloud_UNI_Anne ：
请问我用position：fixed将一个元素定位到最底部，然后键盘弹起的时候安卓可以跟随键盘直接弹起，可为什么IOS无法跟随键盘弹起？这个有什么好的替代方案吗
2020-11-23 15:01
DCloud_UNI_Anne

DCloud_UNI_Anne

回复 刘超群 ：
未复现，请并提供一个能复现你问题bug的demo，以及苹果手机系统版本号，手机机型，页面类型，HBuilderX类型，HBuilderX版本号等。
2020-11-23 12:02
刘超群

刘超群

回复 DCloud_UNI_Anne ：
你们自己找个ios的手机试一下就知道，根本不用具体型号，是IOS所有手机都有问题
2020-11-23 11:28
aiplat点com

aiplat点com

一个是用uni-app的h5项目，其链接挂载到另一个项目为app里（h5+的），在h5项目里有输入框时，fixed就会失效。
2020-11-20 14:37
aiplat点com

aiplat点com

就是个坑。
2020-11-20 14:36
DCloud_UNI_Anne

DCloud_UNI_Anne

请并提供一个能复现你问题bug的demo，以及苹果手机系统版本号，手机机型，页面类型，HBuilderX类型，HBuilderX版本号等。
2020-11-18 14:40
友情链接
优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

| | 违法违规信息举报