前端ios兼容性问题总结

前端IOS兼容性问题总结

低版本版本兼容问题 

---

具体表现：低版本ios写es6语法会报错
解决方法：直接用es5语法或者使用babel，
参考：https://www.babeljs.cn/

高版本兼容性问题

---

具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点
解决方法：1.给输入框一个onblur事件，滚到上面去;
onBlur(){
    window.scrollTo(0,0)
}

高版本兼容性问题

---

具体表现：页面底部的滑动选择框在ios版本12以上，因为ios的上拉回弹造成不好选择的用户体验
解决方法：直接禁止系统默认的滑动事件
document.body.addEventListener('touchmove', function (event) {
    event.preventDefault();
}, {passive:false});