Boîte de dialogue modale jQuery UI: comment faire défiler la fenêtre de dialogue sans faire défiler la fenêtre principale?

Question

jQuery UI modal dialog.

Si la hauteur de la boîte de dialogue est supérieure à la hauteur de la fenêtre principale, nous pouvons faire défiler cette boîte de dialogue, mais la fenêtre principale défile également derrière elle (en arrière-plan).

Est-il possible de faire la fenêtre principale fixe pendant que la boîte de dialogue est ouverte et défiler vers le bas?

Merci!

Answer 1

Vous pouvez essayer ceci:

$('#yourDialog').hover(function(){ 

    // on hover 

    $('body').css({'overflow':'hidden'}); 

}, function(){ 

    // off hover 

    $('body').css({'overflow':'visible'}); 

}); 

Answer 2

Pour quelqu'un d'autre la recherche d'une réponse à cette question, this post prévoit ce qui suit comme une réponse:

create: function(event, ui) { 
     $("body").css({ overflow: 'hidden' }) 
    }, 
    beforeClose: function(event, ui) { 
     $("body").css({ overflow: 'inherit' }) 
    } 

Aussi, assurez-vous que la hauteur ou maxHeight L'option est définie dans la boîte de dialogue, sinon elle n'affiche pas les barres de défilement.