查看: 7258|回复: 16

为什么用miniui的控件老是没有滚动条啊？ [复制链接]

LoveCD

中级会员

Rank: 3 Rank: 3

电梯直达

楼主

发表于 2013-8-7 11:23:47 |只看该作者 |倒序浏览

如题，连鼠标的滚轴也用不了，要设置什么参数么？

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-8-7 11:42:47 |只看该作者

能否稍微详细点？比如什么场景下没有滚动条
一般出现滚动条的情况是，外围高度固定，内部的高度高于外围的话，会出现滚动条。

或者你看下你的页面有没有加上<!doctype.....>,是否写完整了，另外IE的话，请用标准模式查看，不支持兼容模式的

LoveCD

中级会员

Rank: 3 Rank: 3

板凳

发表于 2013-8-7 15:22:54 |只看该作者

factory 发表于 2013-8-7 11:42
能否稍微详细点？比如什么场景下没有滚动条
一般出现滚动条的情况是，外围高度固定，内部的高度高于外围的 ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="/Scripts/boot.js" type="text/javascript"></script>
<link href="/Styles/demo.css" rel="stylesheet" type="text/css" />
<script src="/core.js" type="text/javascript"></script>
<link href="/Styles/miniui.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="margin-left:-10px;">
<div id="toolbar1" class="mini-toolbar" style="border-bottom: 0;">
            <a id="save" class="mini-button" iconcls="icon-save" plain="true">
                  保存填报</a>
</div>
   <div id="editForm1" class="mini-Form" style="width: 100%; height: 100%">
            <table>
.....
            </table>
         </div>
         </div>
</body>
</html>
<script type="text/javascript">
// debugger;
mini.parse();
</script>
如果form里面的内容超过屏幕，他就不会出现滚动条，这是什么原因，求解，我写了好几个有差不多都没有除非强制显示滚动条。

felt

超级版主

Rank: 8 Rank: 8

地板

发表于 2013-8-7 15:36:37 |只看该作者

我把form高度调到1000，有滚动条的。
不知道你的demo.css和core.js是啥。
最好打个包传上来再看下吧

LoveCD

中级会员

Rank: 3 Rank: 3

5^#

发表于 2013-8-7 17:36:04 |只看该作者

felt 发表于 2013-8-7 15:36
我把form高度调到1000，有滚动条的。
不知道你的demo.css和core.js是啥。
最好打个包传上来再看下吧 ...

demo.css是miniui包里面的demo例子css
我把form改成<div id="editForm1" class="mini-Form" style="width: 100%; height: 1000px">
还是不出现滚动条，如图：

是不是因为我加了一个展开的fieldset ；
               <fieldset id="fd" style="width: 98%;" class="hideFieldset">
                              <legend style="padding-left:60px;">
                                 <label>
                                    <input type="checkbox" id="checkbox1"
                                          hidefocus  /><span id="openlab" style="font-weight:bolder;">展开：</span>
                                 </label>
                              </legend>
                     。。。

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册