jQuery MiniUI

标题: mini open 滚动条问题 [打印本页]

作者: heng 时间: 2013-9-16 16:14:51 标题: mini open 滚动条问题

mini open 弹出一个页面后页面元素太多有竖滚动条，拖动滚动条时页面元素出现错乱，如图[attach]2864[/attach][attach]2865[/attach][attach]2866[/attach]，请问如何进行调整呢？

作者: lost 时间: 2013-9-16 16:28:48

你提供个能重现问题的示例，我们看下

作者: heng 时间: 2013-9-16 17:38:55

lost 发表于 2013-9-16 16:28
你提供个能重现问题的示例，我们看下

您好我描述的可能不太清楚就是我拖动滚动条的时候表单元素不跟着滚动只有fieldset和下面的两个按钮进行滚动感觉是表单元素在fieldset的层上面我的表单元素是用table来排列的，代码如下：
<form id="form1" method="post">
<fieldset style="border:solid 1px #aaa;padding:3px;">
         <legend >基本信息</legend>
         <div style="padding-left:29px;padding-top:15px;">
            <table style="table-layout:fixed;">
                  <tr>
                     <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
                     <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
                  </tr>
                  <tr>
                     <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
                     <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
                  </tr>
                  <tr>
                    <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
                     <td style="width:70px;" align="right">名称：</td>
                     <td style="width:150px;" align="left">
                        <input name="tdd_name" class="mini-textbox" style="width:150px;" required="true"  emptyText="请输入名称"/>
                     </td>
            </tr>
            </table>
         </div>
      </fieldset>
      <div style="text-align:center;padding:10px;">
         <a class="mini-button" onclick="onOk" style="width:60px;margin-right:20px;">确定</a>
         <a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
         <input name="javaBean" class="mini-hidden" value="com.gongping.sys.dataDictionary.DataDictionaryBean"/>
         <input name="tdd_type" class="mini-hidden" value=""/>
      </div>
</form>

作者: factory 时间: 2013-9-16 17:42:28

heng 发表于 2013-9-16 17:38
您好我描述的可能不太清楚就是我拖动滚动条的时候表单元素不跟着滚动只有fieldset和下面的两个按钮进 ...

你看下你的样式
对比下这个例子:
http://www.miniui.com/demo/#src=datagrid/datagrid.html

他的弹出页面是这个
http://www.miniui.com/demo/Commo ... w4268&_t=212633

作者: heng 时间: 2013-9-16 18:03:35

factory 发表于 2013-9-16 17:42
你看下你的样式
对比下这个例子:
http://www.miniui.com/demo/#src=datagrid/datagrid.html

谢谢我就是参照这个demo写的我下载的代码示例在我tomcat上运行也会出现描述的问题但我直接在http://www.miniui.com/demo/#src=datagrid/datagrid.html中操作不会出现这个描述的问题，会不会是tomcat或操作系统的原因呢？

作者: factory 时间: 2013-9-16 18:21:19

heng 发表于 2013-9-16 18:03
谢谢我就是参照这个demo写的我下载的代码示例在我tomcat上运行也会出现描述的问题但我直接在http://ww ...

前台的HTML JS CSS 跟后台是无关的，你看下是不是你自己写的样式影响到了mini.open界面

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)