admin管理员组

文章数量:1611397

今天项目上用position: fixed时,谷歌浏览器没有问题,但是到ios上就出现了滚动时position: fixed跟动着滚动的问题。怎么解决呢

在position: fixed元素上添加下面css样式即可。

transform: translate3d(0,0,0);

主要是参照下面网址解决了这个问题

https://muffinman.io/ios-safari-scroll-position-fixed/

如果是用cordova的话,config.xml加入如下配置

<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />

但是在一些比较老的设备上还是不好使,最终解决办法就是用 position: absolute 替换 fixed

本文标签: Positionfixedios