1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html 锚点兼容火狐 iframe锚点定位在firefox火狐浏览器下失效解决方案

html 锚点兼容火狐 iframe锚点定位在firefox火狐浏览器下失效解决方案

时间:2019-10-07 04:00:20

相关推荐

html 锚点兼容火狐 iframe锚点定位在firefox火狐浏览器下失效解决方案

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。