ios webview 与 iframe 兼容性问题(overflow 属性无效)

同一个html页面,在安卓和pc都是没有异常的,到了ios就只显示一半,下面的那一半被腰斩了。

解决方法(并没有完美解决,上下滑动依旧存在bug,有更优解欢迎评论)

第一步,在css样式中加上

第二步,在js中加上

var UA = navigator.userAgent;
  var forIOS = function(){
    if(!UA.match(/iPad/) && !UA.match(/iPhone/) && !UA.match(/iPod/)){return;}
    if($('#wrapper').length){return;}
    $('body').children().not('script').wrapAll('

');
  }();

实测确实能一定程度上解决问题,但引出了新问题,上下滑动不流畅,划不动。

 

你可能感兴趣的:(前端学习)