IOS设备对position的支持性

最近在开发一个网页。

要嵌套在微信里

大家都知道

IOS版微信和安卓版微信还是一定的差距

IOS版微信在打开网页的时候回调取自己的浏览器以及内核

但是安卓版微信不会，他会默认使用自己的QQ浏览器和X5内核

这个大家在用微信打开网页是，把网页向下拉动时，可以看到

 

接下来 我说一下我遇到的问题和解决方法

由于要做一个展示性 数据网页 需求是做固定右滑动

这里我没有用到插件。。

只是用了html css特有的属性

在正常写完网页的时候，安卓设备的支持性很好，可以说任何bug都 没有

但是在IOS设备下 IOS版本为7的支持性还是蛮好的 但是，但是，我说的但是，在IOS9.0下BUG一大堆

由于我在写网页的时候，会用到position：relative；position：absolute；position：fixed；这些定位方式

在IOS9下，默认请求的是全屏网页（实际不是，横屏过来就会好一点，下面的导航还在）

在这个时候，我上网查看了一大堆东西，没有具体方法解决问题，但是有一条我注意到了。。是这样收的

IOS在支持position：fixed；定位方式上不是很好的支持，但是在IOS4以上就得到了很好的支持，我就在想，我要不要重构网页，最终在没有任何解决方法的情况下我决定重构网页，不运用position：fixed；定位方式，改用position：absolute；绝对定位方式，在浏览器上也得到了很好的支持，安卓设备也没有任何问题，但是IOS设备的支持性还是得到了考验，出现的情况是，在向下右边数据的时候，左边会向上跑，也就是会反向。。这个BUG。。这里我把html设置成position：relative；左边和右边两大块统统设置position：absolute；这样子，就轻而易举的解决了反向滑动的的BUG

当我后来把网页统统改好了，没有运用一点position：fixed；的定位方法时候，安卓和IOS设备都得到了很好的支持。。。

所以，在定位方式上IOS和安卓的定位还是右一定的区别

在IOS设备下，不要轻而易举的使用position：fixed；定位方式

 

转载于:https://www.cnblogs.com/HanJie0824/p/6489190.html