解决IOS固定定位 fixed的不兼容

前几天朋友写混合app的时候想做一个小挂件在屏幕右边固定定位,后来发现安卓里面正常ios出现了乱动的现象,我去查了一下,想要解决这个问题,最直接的方法还是直接更改布局,

demo:

<div class='container'>
    <ul>
        <li>
        </li>
    </ul>
    <img src='小挂件'>
</div>

style:
.container {
width:100%;
height: 100%
over-flow:auto;
position:relactive;
}
img {
position:absolute;
top:50%;
right:0;
}

从视觉上看,这个布局其实滚动只有容器内部,真正的大小只有用户视角所看到的大小,从而形成一种视觉上的固定定位

posted @ 2019-12-24 11:22  des杜甫  阅读(1480)  评论(0编辑  收藏  举报