Question

Using jQuery ui dialog, and needed the dialog to move off the screen,
Tried with

$.ui.dialog.prototype._makeDraggable = function() { 
this.uiDialog.draggable({
    containment: false,
    });
};

This works fine for left and top. But on moving to the right and bottom i get scroll bars for the window which i do not want those to appear, Is there any way that i can eliminate these?

Answer 1

I Found out what was going wrong in here. This works absolutely the way i need it after i added this below code to the css

body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow-y: hidden;
overflow-x: hidden;
}


html {
overflow-y: hidden;
background-color: transparent;
}

All i needed was to set the bottom and right as 0

Now it works like a charm:)