How to disable page scroll while dragging draggable in jquery?

Question

I have a draggable defined this way:

$(\"#drag_area a\").live(\"mouseup\", function() {

    var object = $(this);
    var class_array = $(this).attr(\"class         


        

Answer 1

Take a look at this jsfiddle.
I've made it based on this SO question: How to disable scrolling temporarily?

Here is an excerpt:

function disableScroll() {
    if (window.addEventListener) // older FF
    window.addEventListener('DOMMouseScroll', preventDefault, false);
    window.onwheel = preventDefault; // modern standard
    window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
    window.ontouchmove = preventDefault; // mobile
    document.onkeydown = preventDefaultForScrollKeys;
}

$("#draggable").draggable({
    start: function () {
        disableScroll();
    }
});