jQuery Forum

1. // Modal dialog default options
2. var dialogOpts = {
3.     title: "Modal Dialog",
4.     modal: true,
5.     autoOpen: true,
6.     height: 300,
7.     width: 500,
8.      /* Scrollbar fix  */
9.     open: function(event, ui){$('body').css('overflow','hidden');$('.ui-widget-overlay').css('width','100%'); },
   
10.     close: function(event, ui){$('body').css('overflow','auto'); }
    
11. }

Hide scroll bar when open and show the scroll on close.

2. // Dialog
3. $('#your_selector').dialog({
4.       open: function(event, ui){
5.             $('body').css('overflow','hidden');
6.             $('.ui-dialog-content').css('width','100%');
7.       }, 
8.       close: function() {
9.             $('body').css('overflow','auto'); 
10.       }
11. );
12.       // some guys may need this code, just look out the class name,
13.       // here  ".ui-dialog-content" suit for me.
14.       //
15.       // thanks color2life a lot.