前端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});<