JQuery UI可选插件：当div溢出时,使滚动条不可选

我有一个div设置为溢出：自动;这个div的内容是可以选择的(使用jQuery UI).

当div溢出并出现滚动条时,滚动条本身就可以选择,因此滚动效果不佳.在FF / Chrome中,我可以滚动div,但我可以选择轮廓.在Safari中,由于可选择的处理程序选择了点击,所以滚动条将不会完成.

有可以使用选择器将滚动条添加到“取消”项列表中吗？还是以其他方式防止滚动条被选择？

以下是我如何配置我的可选div的代码片段：

$(".mySELEctable").SELEctable( {
    cancel: '.myButton,.notSELEctable',filter: '.rowSELEctable',SELEcTing: function(event,ui){
        handleSELEction(ui.SELEcTing);
    },SELEcted: function(event,ui) {
        handleSELEcted(ui.SELEcted);
    },unSELEcted: function(event,ui) {
        handleUnSELEcted(ui.unSELEcted);
    }
});

我的HTML看起来像：

<div class="mySELEctable"> <!-- set to auto overflow -->
    <div class="myButton">I can't be SELEcted</div>
    <div class="rowSELEctable">I am a SELEctable row</div>
    ...
</div>

理想情况下,我正在寻找可以添加到“取消”选项的东西,这有助于跳过滚动条.

<div class="wrapperDiv"> <!-- set to auto overflow -->
        <div class="mySELEctable"> <!-- NOT set to overflow -->
            <div class="myButton">I can't be SELEcted</div>
            <div class="rowSELEctable">I am a SELEctable row</div>
            ...
        </div>
    </div>