Make The Boxes Stay Still When Scrolling Down Using The Scroll Bar

when I click a box, i can drag it around the screen. You can click the folder icon to open up information view, and a scroll bar will appear because there are a lot of text. Probl

Solution 1:

I would stop/start dragging:

$(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)
    });
});

then in your css add this class, not to let the div fade when dragging is disabled:

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

Solution 2:

Quick look suggests to me, use relative or absolute positioning not fixed on button wrap. On my mobile it seems to work fine though.