jQuery .ui-可选择滚动

Question

我有一个固定高度的div

<div style="height:300px; overflow-y:scroll">
    <div class="selectable_div">
        ....
    </div> 
</div>

我像这样初始化init：

$( ".selectable_div" ).selectable({

但是当我在.selectable_div中选择内容时，滚动被阻止，并且div不滚动。我希望在滚动鼠标滚轮时以及选择并按住选择并向下移动鼠标时滚动。 我该怎么办？ 我找到了一个插件，但不想真正使用3D派对插件，因为它们可能会破坏某些东西

UPD：如果您问的话，整个代码片段（很大，所以我认为这不会有帮助）

$( ".selectable_wrap" ).selectable({
    filter: ".word_item",
    cancel: '.cancel_selection',
    stop: function(){
        self.words.filter(x => x.selected).forEach(function(w){
            w.selected = false
        })
        self.words_ids=[]
        // alert($( ".ui-selected.word_item").size())  
        $( ".ui-selected.word_item", this ).each(function() {
            let word_index = $(this).attr('data-count')
            word = self.words[word_index]
            word.selected = true
            self.words_ids.push(word.id)
        });
        self.get_phrases_by_words(JSON.stringify(self.words_ids))
    },
}).disableSelection();