Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可通过滚动选择jquery.ui_Javascript_Jquery - Fatal编程技术网

Javascript 可通过滚动选择jquery.ui

Javascript 可通过滚动选择jquery.ui,javascript,jquery,Javascript,Jquery,我有一个固定高度的潜水器 <div style="height:300px; overflow-y:scroll"> <div class="selectable_div"> .... </div> </div> 但当我在中选择内容时,可选择的div滚动被阻止,div不滚动。我希望它滚动,同时选择鼠标滚轮,当我只是选择并按住选择和移动鼠标下来。 我该怎么办? 我找到了一个插件,但不想真正使用3d派对插件,因为它们

我有一个固定高度的潜水器

<div style="height:300px; overflow-y:scroll">
    <div class="selectable_div">
        ....
    </div> 
</div>
但当我在中选择内容时,可选择的div滚动被阻止,div不滚动。我希望它滚动,同时选择鼠标滚轮,当我只是选择并按住选择和移动鼠标下来。 我该怎么办? 我找到了一个插件,但不想真正使用3d派对插件,因为它们可能会破坏某些东西

UPD:如果你问的话,整个片段(它非常大,所以我认为它不会有帮助)


查看整个代码片段会有帮助吗?@zak see update。。
$( ".selectable_div" ).selectable({
$( ".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();