您的位置：首页 > 其它

iframe显示滚动条

2016-01-11 22:33 246 查看
子页面通过iframe加载，出现了竖向滚动条

最后查出原因：文档申明

iframe有滚动条的页面的文档申明

<!DOCTYPE html>


改成如下就行了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


如果一定要html5的形式的话，试下以下方法

1、隐藏父页面iframe滚动条： <iframe id="imagePageIframe" style="width: 100%; height: 100%; overflow: hidden; " src="${ctp}/app/verify/imagePage.jsp"></iframe>

主要是overflow: hidden; （scroll显示 auto根据内容动态显示 hidden不显示）

2、去掉子页面B 的Transitional//EN文档类型声明：即修改文档声明为<!doctype html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

3、子页面B 的body style="overflow:auto"。

4、据说父页面 A 的文档类型要改成 HTML 4.01 Transitional ，我没改，也好使，呵呵。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航