Html 阻止ios中的iframe自动调整大小
我已经找到了很多关于这个问题的线索,但是没有一个像我这样有类似问题的,但是我已经尝试过这些解决方案,但都失败了 我的情况:我正在尝试使用iframe将一个滚动网站合并到另一个网站中。这是完美的工作与正常设置在每台设备上除了iOS与以下基本代码:Html 阻止ios中的iframe自动调整大小,html,ios,css,iframe,resize,Html,Ios,Css,Iframe,Resize,我已经找到了很多关于这个问题的线索,但是没有一个像我这样有类似问题的,但是我已经尝试过这些解决方案,但都失败了 我的情况:我正在尝试使用iframe将一个滚动网站合并到另一个网站中。这是完美的工作与正常设置在每台设备上除了iOS与以下基本代码: <iframe src="http://example.com/" frameborder="0"></iframe> <style> iframe{ position: absolute; width:
<iframe src="http://example.com/" frameborder="0"></iframe>
<style>
iframe{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border:none;
}
</style>
iframe{
位置:绝对位置;
宽度:100%;
身高:100%;
排名:0;
左:0;
边界:无;
}
然而,在iOS上,他们显然是在强迫自己自动调整大小。因此,iframe会根据页面的长度自动调整大小
由于这种行为,只需使用一根手指,我就可以在页面上滚动,但当单击锚定链接(使用js进行动画滚动)时,失败了
我终于发现这是由iOS自动调整大小造成的。因为iframe中内容的高度是匹配的,所以iframe本身没有滚动条,但父级有滚动条。该站点的javascript不会控制父窗口,而只控制它自己的DOM(仅限于iframe,因为两个站点位于不同的域上)
我找到的所有关于iframe自动调整大小的“解决方案”,都是使用div来约束iframe的可见高度,并将滚动添加到该div或添加scrolling=“no”属性。第二个选项导致根本不存在滚动条,从而禁用iframe内部的正常滚动行为,但在有利的一面,锚链接可以工作
有什么解决方案可以同时允许这两种情况吗?
或者我只是坚持了这一点,我们真的可以认为这是iOS Safari中的一个bug吗?