欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS Ionic Iframe 页面会闪烁问题

程序员文章站 2022-10-15 22:55:58
在ios端的iframe页面,src为外部链接时,页面向下滑动会出现闪动现象。 当滑动到中部或者下部时会突然跳转到页面顶部。 1、iframe不能滑动解决办法:iframe外层包裹一层div,设置-...

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