Html 在iOS主屏幕web应用程序中滚动时,具有固定位置的元素会漂移

Html 在iOS主屏幕web应用程序中滚动时,具有固定位置的元素会漂移,html,ios,css-position,Html,Ios,Css Position,我有一个固定位置的菜单 我的应用程序 身体{ 保证金:0; } .家长{ 位置:相对位置; 最大高度:100vh; 垫面:3rem; 溢出y:滚动; -webkit溢出滚动:触摸; } .菜单{ 位置:固定; 排名:0; 宽度:100%; 背景:粉红色; 文本对齐:居中; 高度:3雷姆; } 菜单 1. 2. 3. 在mobile safari上,您可以按预期滚动并将菜单粘贴到顶部 但如果你添加到主屏幕,然后从那里启动网站,当你滚动时,菜单会漂移,消失,然后再次出现。我已经尝试将trans

我有一个固定位置的菜单


我的应用程序
身体{
保证金:0;
}
.家长{
位置:相对位置;
最大高度:100vh;
垫面:3rem;
溢出y:滚动;
-webkit溢出滚动:触摸;
}
.菜单{
位置:固定;
排名:0;
宽度:100%;
背景:粉红色;
文本对齐:居中;
高度:3雷姆;
}
菜单
1.
2.
3.

在mobile safari上,您可以按预期滚动并将菜单粘贴到顶部

但如果你添加到主屏幕,然后从那里启动网站,当你滚动时,菜单会漂移,消失,然后再次出现。我已经尝试将
translateZ(1px)
添加到menu类中,但问题仍然存在

为什么当它从主屏幕启动时与在mobile safari内部启动时表现不同。这个问题怎么解决