jQuery 中滚动条聚焦时如何禁用可拖动 div

我有一个带有侧滚动条的 jQuery 可拖动容器 div，当我上下滚动时，该滚动条不应该是可拖动的。 .infotext 是包含文本的内部 div，包含在 #infobody 中，设置为 Overflow:auto。我需要一种方法来在选择滚动条时取消 div 上的可拖动功能。这是我的代码：

$(".lsidebar").draggable({"scroll":false});

 .lsidebar #infobody{
cursor:default;
position:absolute;
width:100%;
overflow:auto;
margin:23px 0 0 0;
z-index:14;
}

   #infobody .infotext{
cursor:default;
position:relative;
width:100%;
z-index:14;
color:#969696;
}

实际上你可以在draggable中使用“cancel”属性来防止滚动事件影响到draggable元素。

例如：

如果你的 html 是这样的......

<div class="draggable">
    <div class="scrollable"></div>
</div> 

对于js：

$('.draggable').draggable({
   cancel: '.scrollable'
});

当您在该特定区域中滚动时，外部可拖动元素将被暂时禁用。