在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端问题解决到了卡顿问题;但是安卓端出现卡顿了又;所以还是判断系统类型使用相应处理办法

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐