在 IE 中单击后，垂直滚动条会被鼠标粘住

Posted 2023-05-08

【中文标题】在 IE 中单击后，垂直滚动条会被鼠标粘住

【英文标题】：Vertical Scrollbar becomes sticky with mouse after clicked in IE

【发布时间】：2018-07-10 01:08:00

【问题描述】：

我在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"  /></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>

提前致谢。

【参考方案1】：

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

$('#layerOverlay').draggable( 取消：'.scrollbar' ); // cancel: .scrollbar => 禁用粘滞 // 当焦点在滚动条 css 选择器上时可拖动