Liu_LY95 2017-10-20 08:57 采纳率: 40%
浏览 733

easyui,iframe加载,缩放出滚动条,放大滚动条消失

当缩放的时候,下方和右侧出现滚动条;但是当放大,就算放大一点点滚动条就消失,就正常。直接贴代码吧

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <link href="../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
</head>
<body class="easyui-layout" fit="true" scroll="no">
    <div region="north" class="head-north" split="true" border="false">

    </div>

    <div region="west" split="true" title="导航菜单" style="width:180px;" id="west">

    </div>

    <div region="south" split="true" class="head-south">
        <div class="footer">Copyright &copy; 2017 </div>
    </div>

    <div region="center" id="mainPanle" style="background: #eee; overflow-y:hidden">
        <div id="tabs" class="easyui-tabs" fit="true" border="false">
            <div title="我的桌面" style="overflow:hidden;" id="home">
                <iframe id='time' name="time" src="../../HtmlPage2.html" style="width:100%;height:100%;" frameborder="0" scrolling="no"></iframe> 
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script>
</body>
</html>

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta charset="utf-8" />
    <link href="~../../Content/css/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div style="position:absolute;left:0px;right:0px;top:0px;bottom:0px;overflow:auto;">
        <div id="selectDiv">
            <fieldset>
                <legend>查询条件</legend>
                <label>角色名称:</label>
                <input class="easyui-textbox" id="roleSelect" type="text" />
                <button class="easyui-linkbutton" style="text-align:center" onclick="loadTable()">确定</button>
            </fieldset>
        </div>
        <table id="rolesTable"></table>
    </div>

    <script type="text/javascript" src="../../Scripts/jquery.min.js"></script>
    <script type="text/javascript" src="../../Content/js/easyui/jquery.easyui.min.js"></script>
    <script>
        $(function () {
            $('#rolesTable').datagrid({
                fit: true,
                fitColumns: true,
                url: '',
                idField: 'id',
                selectOnCheck: true,
                checkOnSelect: true,
                pagination: true,
                pageSize: 15,
                pageNumber: 1,
                pageList: [15, 20, 25],
                toolbar: '#selectDiv',
                rownumbers: true,
                columns: [[
                    { field: 'ck', checkbox: true },
                    { field: 'ID', title: '字段1', width: 100 },
                    { field: 'YEAR', title: '字段2', width: 100 },
                    { field: 'NAME', title: '字段3', width: 100 },
                    { field: 'FNAME', title: '字段4', width: 100 },
                    {
                        field: 'FDATE', title: '字段5', width: 100
                    }
                ]]
            });
        });
    </script>
</body>
</html>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 用visual studi code完成html页面
    • ¥15 聚类分析或者python进行数据分析
    • ¥15 逻辑谓词和消解原理的运用
    • ¥15 三菱伺服电机按启动按钮有使能但不动作
    • ¥15 js,页面2返回页面1时定位进入的设备
    • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
    • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
    • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
    • ¥20 腾讯企业邮箱邮件可以恢复么
    • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?