子div show()后 父div的滚动条无法滚动

[qq_41214418]

父div没有滚动条，然后子div调用show()后，父div出现了滚动条，但是滚动条无法滚动，这是什么原因造成的，另外父div和其中的某个子div都使用了position样式。请大神给个解决方法

[75闪光雷]

请把代码贴出来，要不没法分析

[qq_41214418]

<div id="protocolLink" class="show"> <div class="pl-tit"> <i class="icon-quick"></i><span>连接</span> </div> <div class="pl-c"> <div class="item ip_div" style="display: block;"> <div class="label">IP：</div> <div class="group"> <input type="text" name="" value=""> </div> </div> <div class="item user_div" style="display: block;"> <div class="label">用户名：</div> <div class="group"> <input type="text" name="" value=""> </div> </div> <div class="item sel_user" style="display: none;"> <div class="label">选择用户：</div> <div class="group"> <select name="" id="user_select" > </select> </div> </div> <div class="item pwd_div" style="display: block;"> <div class="label">密码：</div> <div class="group"> <input type="password" name="" value=""> </div> </div> <div class="item pro_div" style="display: block;"> <div class="label">协议：</div> <div class="group"> <select name="" id="pro_select" style="width: 100px" onchange="change_pro(this);"><option title="RDP" value="1">RDP</option><option title="SSH" value="2">SSH</option><option title="ORACLE" value="3">ORACLE</option><option title="MSSQL" value="4">MSSQL</option><option title="MYSQL" value="5">MYSQL</option><option title="HTTP" value="6">HTTP</option><option title="HTTPS" value="7">HTTPS</option><option title="TELNET" value="8">TELNET</option><option title="FTP" value="9">FTP</option><option title="VNC" value="10">VNC</option><option title="X11" value="11">X11</option><option title="RADMIN" value="12">RADMIN</option><option title="SYBASE" value="13">SYBASE</option><option title="DB2" value="14">DB2</option><option title="RLOGIN" value="15">RLOGIN</option><option title="PCANY" value="16">PCANY</option><option title="TN5250" value="17">TN5250</option><option title="H5" value="1001">H5</option></select> 端口：<input type="text" value="12345" style="width:3em" id="port_input"> </div> </div> <div class="item linkmode_div" style="display: block;"> <div class="label">连接模式：</div> <div class="group"> <label class="web_con" style="">1</label> <label class="mfs" style="display: none;">2</label> <label class="local_client" style="">3</label> </div> </div> <div class="item sel_linkmode" style="display: none;"> <div class="label">1：</div> <div class="group"> <select name="" id="sel_client" style="width:170px;" onchange="change_client(this);"><option value="MSTSC">MSTSC</option></select> </div> </div> <div class="item mfs_div" style="display: none;"> <div class="label">应用发布：</div> <div class="group"> <select name="" id="sel_mfs"><option value="0">无</option></select> </div> </div> <div class="item screen_div" style="display: block;"> <div class="label">屏幕大小：</div> <div class="group"> <select name="" id="screensize" style="width:88px;" > <option value="0">自适应</option> <option value="1">全屏</option> <option value="800*600">800*600</option> <option value="1024*768">1024*768</option> <option value="1280*800">1280*800</option> <option value="1440*900">1440*900</option> </select> <label style="margin-top:10px;">开启RDP剪贴板</label> <label>开启磁盘映射</label> </div> </div> <div class="item disk_map" style="display: none;"> <div class="label">硬盘映射：</div> <div class="group"> <label style="width:35px;">C:</label> <label style="width:35px;">D:</label> <label style="width:35px;">E:</label> <label style="width:35px;">F:</label> <label style="width:35px;">G:</label> <label style="width:35px;">H:</label> </div> </div> <div class="item passageway" style="display: none;"> <div class="label">方式：</div> <div class="group ctr" style="width:235px;"> <select name="" id="passageway_select" style="width:120px;"> <option value="1">1</option> <option value="2">2</option> </select> </div> </div> <div class="item remark" style="display: block;"> <div class="label">备注：</div> <div class="group ctr" style="width:235px;"> <input type="text" name="" value="" id="remark_input" style="width:147px;"> <a class="btn" href="javascript:;" style="margin-right: 26px;float: right;line-height: 26px;padding: 0 10px;" onclick="">保存</a> </div> </div> </div> <div class="pl-b s-hide"> <a href="javascript:;" class="pl-btn" id="connect">连  接</a> </div> <div class="pullbtn"></div> </div>

[qq_41214418]

.pl-c { width: 100%; height: 384px; overflow: auto; padding: 8px 0; box-sizing: border-box; } #protocolLink { position: absolute; top: 82px; width: 318px; height: 477px; background-color: #f7f7f8; box-shadow: rgba(0,0,0,0.3) 0 0 5px; border: 1px solid #e2e1e5; transition: right 0.5s; } .pl-c .item { width: 100%; height: auto; overflow: hidden; padding: 4px 0; } .pl-c .item .label { float: left; width: 90px; line-height: 28px; text-align: right; font-size: 12px; }

[qq_41214418]

.pl-c 的滚动条无法滚动，但是再次点击#pro_select下拉框的时候，滚动条就可以滚动了