jQuery MiniUI

标题: 为什么用miniui的控件老是没有滚动条啊? [打印本页]

作者: LoveCD    时间: 2013-8-7 11:23:47     标题: 为什么用miniui的控件老是没有滚动条啊?

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

作者: factory    时间: 2013-8-7 11:42:47

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

或者你看下你的页面有没有加上<!doctype.....>,是否写完整了,另外IE的话,请用标准模式查看,不支持兼容模式的
作者: LoveCD    时间: 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    时间: 2013-8-7 15:36:37

我把form高度调到1000,有滚动条的。
不知道你的demo.css和core.js是啥。
最好打个包传上来再看下吧
作者: LoveCD    时间: 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">
还是不出现滚动条,如图:

[attach]2505[/attach]


是不是因为我加了一个展开的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>
                        。。。

作者: factory    时间: 2013-8-7 17:39:04

LoveCD 发表于 2013-8-7 17:36
demo.css是miniui包里面的demo例子css
我把form改成
还是不出现滚动条,如图:

是不是你的整个页面的样式给定了overflow:hidden了?所以导致都不出现滚动条
作者: felt    时间: 2013-8-7 17:40:50

打包个页面吧,我加了你这个fieldset也OK的。
作者: LoveCD    时间: 2013-8-7 18:10:25

[attach]2507[/attach]
这个是例子,请求帮忙,谢谢!

作者: factory    时间: 2013-8-8 09:48:55

LoveCD 发表于 2013-8-7 18:10
这个是例子,请求帮忙,谢谢!

你最好提供重现问题的html页面,这个方便我们运行
作者: LoveCD    时间: 2013-8-8 11:52:40

你能先把我这个页面改一下吗?
作者: felt    时间: 2013-8-8 11:58:45

你那个页面我把html抠出来是有滚动条的。。[attach]2515[/attach]
所以我不清楚你那是啥问题,最好你能提供一个能重现错误的html页面,包括js和css。

作者: LoveCD    时间: 2013-8-8 15:56:46

felt 发表于 2013-8-8 11:58
你那个页面我把html抠出来是有滚动条的。。
所以我不清楚你那是啥问题,最好你能提供一个能重现错误的html ...

估计是浏览器IE8的问题,反正我强制加入滚动条就好了。
body
{
        margin: 0;
        padding: 0px;
        border: 0;
        width: 100%;
        height: 100%;
       overflow-y:scroll;
  }     

作者: factory    时间: 2013-8-8 16:18:33

LoveCD 发表于 2013-8-8 15:56
估计是浏览器IE8的问题,反正我强制加入滚动条就好了。
body
{

[attach]2518[/attach]

为什么我的IE8就有滚动条啊。。

我把页面发上来,你再看看,我是把你的body区域代码拷了出来

[attach]2519[/attach]


作者: LoveCD    时间: 2013-8-8 17:05:05

factory 发表于 2013-8-8 16:18
为什么我的IE8就有滚动条啊。。

我把页面发上来,你再看看,我是把你的body区域代码拷了出来

我用你你这个页面也没有出现滚动条,如下图:

[attach]2522[/attach]




不过还是很谢谢你的解答,我强制给他一个y轴的滚动条算了!!




作者: factory    时间: 2013-8-8 17:27:09

LoveCD 发表于 2013-8-8 17:05
我用你你这个页面也没有出现滚动条,如下图:

这个就奇怪了,我上面的截图就是在IE8下测试的,确实好的。你的我就不清楚为什么没滚动条了,你换其他的浏览器有滚动条吗?
作者: LoveCD    时间: 2013-8-8 17:34:46

factory 发表于 2013-8-8 17:27
这个就奇怪了,我上面的截图就是在IE8下测试的,确实好的。你的我就不清楚为什么没滚动条了,你换其他的 ...

用chrome也是一样没有滚动条
作者: felt    时间: 2013-8-8 19:11:06

那你更新MiniUI呢,css和js




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2