1,固定定位失效

首先查看是不是固定定位没有应用上(IOS和Android 都测试一下)

  • 猜想一,父元素使用了 transform 属性

解决方案

// 解决方法:
.father{
	transform:none; 
	// 或者
	display:inline;
}

2, IOS固定定位失效

  • 这里总结一下其他作者的观点,尽量不要用固定定位。
  • 那你要说我不,那也不是没有办法。在确定不是因为 transform 属性的前提下,可以试试一些现成的组件(vant 的吸顶组件也可以达到 position: fixed;的目的)

文档地址:https://youzan.github.io/vant/#/zh-CN/sticky#xi-ding-ju-chi
在这里插入图片描述

大家有什么好的方法可以交流一下~

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐