在IE中单击后,垂直滚动条会随着鼠标变粘

时间:2018-01-31 02:14:34

标签: jquery html css internet-explorer scrollbar

我在IE中遇到垂直滚动条的问题,当我点击滚动条时,它会变得坚持使用鼠标并且在鼠标单击释放后无法释放,并且我在哪里移动鼠标,它会不断跟随。

请咨询解决方法。



.scrollbar {
    position: absolute;
    float: left;
    height: 300px;
    width: 100%;
    background: #F5F5F5;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 25px;
    -webkit-overflow-scrolling: auto;
    -ms-overflow-style: auto;
    color: black;
    
    background: transparent;
    background-color: transparent;
    scrollbar-face-color: #E21F25;
    scrollbar-arrow-color: #E21F25;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: rgb(0,0,0);
    scrollbar-highlight-color: aqua;
    scrollbar-3dlight-color: #808080;
    scrollbar-darkshadow-Color: #E21F25;
}

<div role="tabpanel" style="width: 500px;" class="tab-pane fade" id="layerOverlay">
    <div class="mapContentHeaderHolder">
        <h4 class="mapContentHeader">Layer Overlay</h4>
        <a href="javascript:void(0)">
            <img class="minPanel" src="Images/w_down.png" title="Minimise" alt="" /></a>
        <a href="javascript:void(0)" class="closePanel">Close</a>
    </div>
    <div class="scrollbar">
        <div class="mapContentInfoHolder" onmouseover="commonFunctions.closeToolTipDialog();">
            <div class="formElementsRow">
                <div id="jstree">
                </div>
            </div>
        </div>
    </div>
</div>
&#13;
&#13;
&#13;

提前致谢。

1 个答案:

答案 0 :(得分:0)

最后我得到了如下解决方案: -

$( '#layerOverlay')。可拖动({             取消:'。。scrollbar'         }); //取消:.scrollbar =&gt;在焦点滚动条css选择器

时禁用粘滞//可拖动