• iframe显示滚动条


    子页面通过iframe加载,出现了竖向滚动条

    最后查出原因:文档申明

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

    <!DOCTYPE html>

    改成如下就行了

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

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

    1、隐藏父页面iframe滚动条: <iframe id="imagePageIframe" style=" 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 ,我没改,也好使,呵呵。 

  • 相关阅读:
    浏览器之window对象--javascript
    CSS3盒子模型
    CSS3动画以及animation事件
    CSS3响应式布局
    原生JS实现tab切换--web前端开发
    html5表单与PHP交互
    UITableView 的坑
    多线程:Operation(二)
    多线程:Operation(一)
    GCD(Swift)
  • 原文地址:https://www.cnblogs.com/caohaifeng/p/5550727.html
Copyright © 2020-2023  润新知