当前位置： 移动技术网 > 移动技术>移动开发>IOS > IOS Ionic Iframe 页面会闪烁问题

IOS Ionic Iframe 页面会闪烁问题

2018年10月22日  | 移动技术网移动技术  | 我要评论

在ios端的iframe页面，src为外部链接时，页面向下滑动会出现闪动现象。

当滑动到中部或者下部时会突然跳转到页面顶部。

1、iframe不能滑动解决办法:iframe外层包裹一层div,设置-webkit-overflow-scrolling:touch;overflow:auto；

<p style="height:100%;-webkit-overflow-scrolling:touch;overflow:auto">
<iframe id="homepageiframe" sandbox="allow-scripts" ng-src="{{vm.paysrc}}" class="has-header" style="min-width:100%;max-width:100%;height:100%;width: 100%;"
></iframe>
   <p></p></p>

2、iframe滑动到底部闪烁现象解决办法:在iframe页面加载完成后，获取加载的外部链接的body高度设置iframe的高度

var homepageiframe = document.getelementbyid("homepageiframe");
homepageiframe.onload = function () {
	var iframeheight = $("#homepageiframe").contents().find("body").height();
	$("#homepageiframe").height(iframeheight); 
};


 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网