h5页面在安卓手机滑动正常;在ios手机滑动卡顿问题!!!
在ios手机滑动卡顿问题!!!h5页面在安卓手机滑动正常;在ios手机滑动卡顿问题!!!为什么会卡顿???最近接触都项目有点多;一时间又忘记记录下自己的bug;原谅不守时 ,最近做了一个以vue为基础做的web移动端;由于页面篇幅比较多切html中有v-for导致页面比较长;因为不止一个页面相互跳转;而且页面中的信息回显;比如:从a页面跳转到b页面;在由b页面返回到a页面时发现在安卓手机是流程的;
在ios手机滑动卡顿问题!!!
h5页面在安卓手机滑动正常;在ios手机滑动卡顿问题!!!
为什么会卡顿???
最近接触都项目有点多;一时间又忘记记录下自己的bug;
原谅不守时 ,最近做了一个以vue为基础做的web移动端;
由于页面篇幅比较多切html中有v-for导致页面比较长;
因为不止一个页面相互跳转;而且页面中的信息回显;
比如:从a页面跳转到b页面;
在由b页面返回到a页面时发现在安卓手机是流程的;
而在ios手机上发了bug就是页面卡住了;动不了;
后来反复的查阅资料给出的解释很多;其中就有个提出说是;
解决页面使用overflow: scroll在iOS上滑动卡顿的问题,
以下代码可解决这种卡顿的问题:-webkit-overflow-scrolling: touch;,是因为这行代码启用了硬件加速特性,所以滑动很流畅。
但是!!!!效果并不明显 ;
我给出的方案是:使用插件:better-scroll ;
将用插槽(<slot></slot>
)的形式封装一个better-scroll组件;
然后判断ios和安卓版本的;
也就是说在安卓上不卡顿不使用插件;
ios系统则使用改插件的生效性;或许有人会说为什么在安卓端一起使用better-scroll插件呢?是的;起初我也有这个想法;但是会返现;ios端问题解决到了卡顿问题;但是安卓端出现卡顿了又;所以还是判断系统类型使用相应处理办法
更多推荐
所有评论(0)