Liu_LY95
Liu_LY95
2017-10-20 08:57

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

  • stylesheet
  • easyui

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

 <!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条回答