jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – iFrame和Mobile Safari(iPad / iPhone)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这是问题,我有并且需要iframe网页.这个iframe必须具有一定的宽度/高度.这在iOS中不起作用,因为可爱的iOS决定忽略帧的高度属性并强制显示所有内容(混蛋!).

你如何让它成为一个普通的iframe?

解决方法

如果您拥有或有权修改框架页面,我找到了一种方法.

如果您控制的网页是iframed in,我发现哪种方式效果很好的方法是将整个内容(不是IFRAME)用div直接包含在iframed页面中.因此,在标记之后放置标记.

然后,测试Safari移动设备,如果它是iframed.

browser_=/iPhone|iPad/i.test(navigator.userAgent);
isInIframe = (window.LOCATIOn != window.parent.LOCATIOn) ? true : false;

如果它符合此条件,则将您放入框架页面的div高度设置为iframe的高度应该是什么,并将div的溢出设置为auto.这将产生一种错觉,它是一个iframe.

现在,最后但并非最不重要的是包装iframe标签

<div style="-webkit-overflow-scrolling:touch; overflow: auto;">

如果你有使用jQuery(窗口)或类似的元素,请确保将其切换为使用DIV,因为窗口(iframE)自动扩展它不是很有用,因为iframe已经扩展了.

大佬总结

以上是大佬教程为你收集整理的jquery – iFrame和Mobile Safari(iPad / iPhone)全部内容,希望文章能够帮你解决jquery – iFrame和Mobile Safari(iPad / iPhone)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。