问答首页 悬赏问题 未解决 已解决 标签 专家问答 光荣榜 C币充值 我要提问 问答帮助
easyui inkbutton的显示 5C

问题描述：
窗口中代码如下：

 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" >Search</a>

当窗口有滚动条时，按钮本身随滚动条滚动，而图标和文本“search”不随之滚动，但当你把单击下图标，图标迅速滑落到按钮本身的位置，请问是什么原因，是慢的原因么？

滚动条 easyui linkbutton

4个回答

按赞数排序

linkbutton不会随窗口滚动的，你自己加的代码？

你看下官网的示例Basic LinkButton
看看在你的浏览器上会不会也是同样的情况，如果是，那么可能是浏览器的问题。如果正常的，那是不是你的按钮还有其他的样式或者代码控制。

贴一下测试代码吧，运行时候，调整窗口，观察west区域的变化：
<!DOCTYPE html>



Basic LinkButton - jQuery EasyUI Demo




AddUser() { $('#divFrm').show() } DeleteUser() { $('#divFrm').hide() }




style="padding: 5px; display: none" align="center">


用户基本信息




用户ID:
readonly="readonly" style="width: 210px;" />



用户名称:
data-options="required:true" style="width: 210px;" />



所在部门:
readonly="readonly" />



用户组成员:


<%-- --%>






这次粘贴成功

 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
    <title>Basic LinkButton - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="themes/bootstrap/easyui.css" />
    <link rel="stylesheet" type="text/css" href="themes/icon.css" />
    <script type="text/javascript" src="jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript" src="locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
AddUser()
{
  $('#divFrm').show()
}
DeleteUser()
{
  $('#divFrm').hide()
}
</script>
</head>
<body class="easyui-layout">
    <div id="pmenu" data-options="region:'west',split:true,border:false" style="width: 200px; overflow: hidden; min-width:200px">
                <div  class="easyui-panel" title="用户组菜单" data-options="border:false,fit:true" style="border-bottom: 1px solid #ccc">
            <div id="body" runat="server">
            <div id="aButtons" >
                <a id="newbtn" title="新建用户" href="#" class="easyui-linkbutton" iconcls="icon-add"
                    plain="true" onclick="javascript:AddUser();">新建用户</a> <a id="removebtn" title="删除用户"
                        href="#" class="easyui-linkbutton"  plain="true" iconcls="icon-no"
                        onclick="javascript:DeleteUser();">删除用户</a>
            </div>
             <div class="div-sep" style="width: auto;"></div>              


<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">Search</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">Print</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:80px">Reload</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">Search</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">Print</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:80px">Reload</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">Search</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">Print</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:80px">Reload</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>   
     <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">Search</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" style="width:80px">Print</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:80px">Reload</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help'" style="width:80px">Help</a>          
            </div>
        </div>
    </div>
    <div id="divFrm" data-options="region:'center',split:true,border:false,buttons:'#dlg-buttons'"
        style="padding: 5px; display: none" align="center">
        <div style="width: 600px; height: 400px; padding-top: 35px;">
            <div class="ftitle">
                用户基本信息</div>
            <form id="ff" method="post" novalidate>
            <div class="fitem">
                <label>
                    用户ID:</label>
                <input type="text" name="UserID" id="UserID" data-options="required:true"
                    readonly="readonly" style="width: 210px;" />
            </div>
            <div class="fitem">
                <label>
                    用户名称:</label>
                <input class="easyui-validatebox" type="text" name="UserName" id="UserName"
                    data-options="required:true" style="width: 210px;" />
            </div>
            <div class="fitem">
                <label>
                    所在部门:</label>
                <input id="IDepartment" name="IDepartment" style="width: 210px;" data-options="required:true"
                    readonly="readonly" />
            </div>
            <div class="fitem">
                <label>
                    用户组成员:</label>
                <select class="easyui-combobox" id="GpUser" name="GpUser" style="width: 230px;
                    overflow: scroll;" data-options="panelHeight:200,multiple:true">
                </select>
                <%--                    <input class="easyui-combobox" id="projGpUser" name="projGpUser" style="width: 230px "   data-options="panelHeight:'auto',panelWidth:'100px'" />--%>
            </div>
            </form>
            <div class="buttonStyle" id="dlg-buttons">
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-save" onclick="SaveProjectGroup()"
                    align="left" style="padding-right: 30px;">保存</a> <a href="javascript:void(0)" class="easyui-linkbutton"
                        iconcls="icon-cancel" onclick="javascript:$('#divFrm').hide()" align="right"
                        style="margin-left: 30px;">取消</a>
            </div>
        </div>
    </div>
</body>
</html>
showbo
支付宝加好友偷能量挖 在你的body结束标签前执行这个代码就行 $(function () { $('#body').parent().css('position', 'relative'); });
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 给父元素增加position:relative定位即可，参考这个：http://www.coding123.net/article/20140911/IE6-IE7-child-node-position-relative-parent-node-overflow-auto-not-scroll.aspx
大约 5 年之前 回复
showbo
支付宝加好友偷能量挖 你这个在ie7-有问题而已吧。。其他浏览器没有问题。。你的这个问题和这个一样：http://ask.csdn.net/questions/162042
大约 5 年之前 回复
Csdn user default icon
插入链接
本地上传 网络图片
上传中...
上传图片
插入图片
抄袭、复制答案，以达到刷声望分或其他目的的行为，在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了！
我要提问
立即提问

相似问题

0
easyUi datagrid 的combobox 保存成功之后不显示text的值
4
easyui 放在MVC的分部视图中，样式不显示
2
easyui-datebox 初始显示汉字
2
我需要把一张表以easyui树的形式显示，求教
2
easyui datagrid 不显示json数据
4
EasyUI combobox无法显示下拉框？ 后台已经返回了正确的 JSON 格式的值
1
EasyUI combobox无法显示下拉框？ 后台已经返回了正确的 JSON 格式的值
1
easyui datagrid 的显示问题
1
easyUI中的chexkbox如何通过数据库中的数据数量动态显示
1
easyUI如何能够显示出上传到服务器上的excel文件里面的数据
1
easyui datagrid显示隐藏问题
2
easyUI中的dategrid中的按钮的应用，一列的表格里面有两个按钮，该如何设置
3
easyui datagrid 拖拽
1
easyUI的dategrid中嵌套了textarea的默认显示值的问题
2
jquery easyui datagrid 某列的数据为0或空时，这个列不显示
1
easyUI中的dategrid嵌套dategrid的形式
6
Easyui datagrid不显示数据
2
springmvc+easyUI tree的完整的demo
2
easyui中icon显示问题