ios闪屏问题 vue_VUE前端界面在iOS中遇到的坑

前段时间，公司用前端做了一个微型图片生成界面，通过考虑，选择使用vue多页面进行编写，在界面编写完成之后，本地浏览器进行测试，发现一切都很顺利，然后嵌入到APP端进行联合测试。前期，界面在Android上运行比较顺利，个人以为没什么问题，但是当页面嵌入到iOS中，问题暴露了出来，主要体现在三点上：

1、界面使用了瀑布流滑动效果，但是在iOS上滑动效果非常的差，会出现卡顿现象；

2、在界面进行点击的时候，界面响应明显要比Android上要慢很多；

3、界面按钮点击之后会产生一个灰色的阴影图层；

开始，在iOS本身寻找问题，以为是iOS webview使用的问题，但是当页面在微信或者其他应用中打开之后，也会出现这种问题，以此排除iOS webview问题，确认问题出现在前端界面上，经过排查，发现是iOS在嵌入前端界面时本身机制的问题，在经过修改之后，问题得以解决，附上解决方案：

一、滑动效果卡顿问题解决方案

在需要滑动的位置加上如下css代码：

-webkit-overflow-scrolling:touch;

以此，界面滑动卡顿问题得以解决，但是，这一行代码会带来一个副作用：

1、在滑动界面之中使用的position：fixed 无法固定下来，会随着界面进行一起滚动

解决方法：将使用的position：fixed(头部导航)写在滑动部位外部，在使用绝对定位进行