При прокрутке вниз с помощью полосы прокрутки оставляйте флажки неподвижными

Question

При прокрутке вниз с помощью полосы прокрутки оставляйте флажки неподвижными

0

когда я нажимаю ящик, я могу перетащить его по экрану. Вы можете щелкнуть значок папки, чтобы открыть информационный вид, и появится полоса прокрутки, потому что есть много текста.

Проблема: когда я использую мою мышь для прокрутки полосы прокрутки, она также перетаскивает поля. Как заставить его не перемещать окно, когда я нажимаю полосу прокрутки, чтобы переместить панель?

Я использую jsPlumb.draggable() чтобы включить перетаскивание.

jsfiddle: http://jsfiddle.net/7PuN3/2/

PhoonOne 20 март 2014, в 15:56

Источник

0

Какой браузер вы используете? Я не вижу такого поведения, которое вы описали в Chrome
kei 20 март 2014, в 14:12
0

Firefox это то, что я использую
PhoonOne 20 март 2014, в 14:14

Теги:

javascript

jquery

jsplumb

2 ответа

0

Быстрый взгляд подсказывает мне, используйте относительное или абсолютное позиционирование, не зафиксированное на обертке кнопок. Хотя на моем мобильном телефоне все работает нормально.

Doug 20 март 2014, в 12:34

0

Пробовал эти 2 варианта, все еще перемещает окно, я использую Firefox, кстати
PhoonOne 20 март 2014, в 14:17

Ещё вопросы

Какой браузер вы используете? Я не вижу такого поведения, которое вы описали в Chrome
Пробовал эти 2 варианта, все еще перемещает окно, я использую Firefox, кстати

CodeBird · Accepted Answer · 2014-03-20T12-51-00.000Z

Я бы остановился/начал таскать:

$(function(){   
$('#1 .button_wrap').on('click', function(e){
    e.stopPropagation();
    $(".info").html(newHtml).show();
    jsPlumb.setDraggable("1", false)


});});


$(function(){
    $("#1").on("click", ".info .ui-icon-close", function(){
        $(".info").hide();
        jsPlumb.setDraggable("1", true)
    });
});

то в вашем css добавьте этот класс, чтобы не позволить div исчезать при перетаскивании:

.ui-state-disabled{opacity: 1;}

Вы знаете, почему коробка выглядит более серой после того, как она не перетаскивается?
Я думаю, что это может быть просто
@JennyC Я думаю, что взломать его таким образом, будет работать нормально: jsfiddle.net/7PuN3/6
jsfiddle.net/7PuN3/14 проверьте эту раскраску, по какой-то причине все еще исчезает.
@jennyC обнаружил эту проблему, при отключении он добавляет этот класс в div: .ui-state-disabled исправил его, поместив этот класс в css: .ui-state-disabled{opacity: 1;} проверьте здесь: jsfiddle .net / 7PuN3 / 16