uniapp在IOS移动端 固定定位失效


在前端页面中,盒子用了固定定位,但是有时候会失效,该盒子没有脱离文档流,还是会随着页面滚动而滚动。最后折腾了好一会才发现原因。

原因是CSS样式中 用position:fixed时候,如果有transform样式,那么position:fixed则会失效,所以要么把transform去掉,要么加上transform:translateZ(0)即可。

position: fixed;
transform: translateZ(0);

在ios弹出软键盘的时候尽量使用position: absolute;来实现




免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM