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/)