iframe如何调出滚动条，求助

问题描述：

我在A页面里用iframe嵌入B页面，B页面是用jqueryeasyui layout布局的页面,然后在A页面就发现怎么调都调不出iframe的滚动条。

答

iframe本身不就是具备滚动条的属性吗

答

对就是嵌入页面之后iframe的滚动条不显示了，这边我是我的代码
A页面

 <link rel="stylesheet" type="text/css"
    href="juqueryeasyui1.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
    href="juqueryeasyui1.5/themes/icon.css">
<script type="text/javascript" src="juqueryeasyui1.5/jquery.min.js"></script>
<script type="text/javascript"
    src="juqueryeasyui1.5/jquery.easyui.min.js"></script>

</head>

<body style="overflow-x: scroll;overflow-y: scroll;">

   <iframe  scrolling="yes" src="testPage.html"  frameborder="1" height="400" weight="300" align="left" >

   </iframe>
</body>
</html>

B页面

 <link rel="stylesheet" type="text/css"
    href="juqueryeasyui1.5/themes/default/easyui.css">

    <script type="text/javascript" src="juqueryeasyui1.5/jquery.min.js"></script>
    <script type="text/javascript"
    src="juqueryeasyui1.5/jquery.easyui.min.js"></script>
  </head>

  <body class="easyui-layout"  style="width:600px;height:300px;overflow-x: scroll;overflow-y: scroll;" >
    <div data-options="region:'center'" style="height:300px;">
    <div class="easyui-layout" style="height:250px;">
    <div data-options="region:'north',title:'iaas'" style="height:20%;"></div>
    <div data-options="region:'center',title:'paas'" style="height:40%;"></div>
    <div data-options="region:'south',title:'saas'" ></div>
      </div>
    </div>
  </body>
</html>

答

效果图A页面
图片说明

B页面
图片说明

答

问题解决了，去掉了body的属性，在center属性中添加固定像素
更改过的B页面代码

 <link rel="stylesheet" type="text/css"
    href="juqueryeasyui1.5/themes/default/easyui.css">

    <script type="text/javascript" src="juqueryeasyui1.5/jquery.min.js"></script>
    <script type="text/javascript"
    src="juqueryeasyui1.5/jquery.easyui.min.js"></script>
  </head>

  <body class="easyui-layout"   >
    <div data-options="region:'center'" style="height:600px; width:800px;" >
    <div class="easyui-layout" style="height:600px; width:800px;">
    <div data-options="region:'north',title:'iaas'" style="height:20%;"></div>
    <div data-options="region:'center',title:'paas'" style="height:40%;"></div>
    <div data-options="region:'south',title:'saas'" ></div>
      </div>
    </div>
  </body>
</html>

答

更改后的A页面效果图
图片说明

iframe如何调出滚动条，求助

相关推荐