10/10/2012

Scrollbars, Modal Dialog y jQuery en IE8

Uno de los problemas que se presenta a menudo son las barras de desplazamiento que aparecen en Internet Explorer 8 al desplegar un cuadro de diálogo (Modal Dialog) de jQuery, para corregir esto hay que asignar métodos a las opciones "open" y "close" al configurar el diálogo:
 var dialogOpts = {  
      title: 'Modal Dialog',  
      modal: true,  
      autoOpen: true,  
      height: 300,  
      width: 500,  
      /* Scrollbar fix */  
      open: function(event, ui) {  
           $('body').css('overflow', 'hidden');  
           $('.ui-widget-overlay').css('width', '100%');  
      },   
      close: function(event, ui) {  
           $('body').css('overflow', 'auto');  
      }  
 };  
Esto sobreescribe el CSS del <body> eliminando las barras vertical y horizontal, perdiendo la posibilidad de hacer scroll mientras se despliega el cuadro de diálogo.

Fuentes
Publicar un comentario