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); };
上一篇: 一直被问如何搞流量!?写下了这篇血泪文
下一篇: 至少十分钟的笑声