最近在开发一个网页。
要嵌套在微信里
大家都知道
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;定位方式