iframe锚点定位在firefox火狐浏览器下失效解决方案属于前端实例代码,有关更多实例代码大家可以查看。
关于锚点定位大家一定都不会陌生,使用锚点可以实现定位效果。
如果确实不了解描点定位的话,可以参阅html利用锚点实现定位代码实例一章节。
出现问题的场景如下:
A.html是父页面,它里面使用标签引用B.html页面。
B.html页面里面有几个定位锚点,点击可以定位到响应的位置,此页面是有垂直滚动条出现的,但是在引入到A.html页面中以后,由于设置了iframe的相关高度,所以没有出现滚动条,这样再A.html中点击B.html中的锚点的时候,在IE和谷歌中都可以实现正常的定位跳转功能,但是在火狐浏览器中不能够正常跳转,下面就介绍一下如何解决此问题。
看下面的代码实例,将代码复制到响应页面就可以测试效果。
主页面代码:
犀牛前端部落
*{
margin:0;
padding:0;
border:0;
}
html,body{
width:100%;
height:100%;
}
#top{
width:100%
;background:#f00;
height:500px;
}
iframe.html页面的代码:
犀牛前端部落
a{
padding:5px;
border:1px solid #f00;
float:left;
display:block;<