jQuery MiniUI

 找回密码
 立即注册
查看: 6022|回复: 5
打印 上一主题 下一主题

mini open 滚动条问题 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2013-9-16 16:14:51 |只看该作者 |倒序浏览
mini open  弹出一个页面后 页面元素太多 有竖滚动条,拖动滚动条时页面元素出现错乱,如图,请问如何进行调整呢?
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2013-9-16 16:28:48 |只看该作者
你提供个能重现问题的示例,我们看下

Rank: 3Rank: 3

板凳
发表于 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>

Rank: 8Rank: 8

地板
发表于 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

Rank: 3Rank: 3

5#
发表于 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或操作系统的原因呢?

Rank: 8Rank: 8

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

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

Archiver|普加软件

GMT+8, 2024-11-16 04:43 , Processed in 1.042972 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部