Jquery boîtes de dialogue modales DÉSACTIVER les barres de défilement

Comme vous pouvez le voir sur ce lien,
http://jsbin.com/ozapol/9 ,

Jquery désactive les barres de défilement sur certaines versions d'IE et de la dernière version de chrome.
(Je n'ai pas essayer de tout autre encore...)

Est-il un moyen de garder les barres de défilement est activé pour être en mesure de faire défiler un long dialogue ?

Merci !
Bye

Solution sympa pour Internet Explorer (Merci à jk.)

html {overflow-y : scroll}

Brutal solution de contournement pour Chrome (Merci à jk.)

Sur Chrome, JqueryUI Détourne les événements de la souris sur les barres de défilement.
Cela ressemble à un bug qui est visé dans les liens ci-dessus.
Afin de supprimer ces liaisons, vous devez séparer les événements
chaque fois que vous créez une boîte de dialogue modale :

$("#longdialog").dialog({
     open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
   modal:true
});

Il est le dernier exemple : http://jsbin.com/ujagov/2

Des liens vers les rapports de bug :

  1. http://bugs.jqueryui.com/ticket/4671
  2. http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup
Pourquoi n'essayez-vous pas de l'ajout d'une barre de défilement à l'intérieur de la boîte de dialogue?
Parce que cela ne fait pas de sens dans ma demande ... Désolé
double possible de barre de Défilement problème avec jQuery UI dialog dans Chrome et Safari

OriginalL'auteur Nicolas Thery | 2012-01-20

  1. 5

    Vous pouvez garder les barres de défilement est activé avec:

    html {overflow-y: scroll;}

    Vous pouvez ajouter des CSS par programme afin de ne pas modifier toutes les pages du site et, éventuellement, de la conception.

    Et, vous pourriez avoir à séparer les événements de la souris que la boîte de dialogue modale détourne:

    $("#longdialog").dialog({
     open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
   modal:true
});

    Voir Barre de défilement problème avec jQuery UI dialog dans Chrome et Safari

    Bonjour, je vous Remercie pour votre réponse mais malheureusement cela n'a pas l'air de travailler. J'ai ajouté ce CSS partie dans mon exemple et ça ne marche toujours pas : jsbin.com/ozapol/5
    En fait il ne fonctionne pas sur Internet explorer, mais il n'est pas sur Chrome... une Idée ?
    Fonctionne pour moi en Chrome sur Mac et PC. Je ne sais pas pourquoi il ne fonctionne pas pour vous.
    Il ne fonctionne pas sur la version 16.0.912.75 pour Windows, ni la version 16.0.912.77 que je viens d'installer.
    Oui, mais il ne fonctionne qu'avec la molette de défilement. Essayez ceci: jsbin.com/ujagov/edit#javascript html

    OriginalL'auteur jk.

  2. 2

    Cette correction d'un bug lors de jQueryUi-1.10.
    Voici le lien avec la question http://bugs.jqueryui.com/ticket/4671.

    OriginalL'auteur Rostyslav Nikolayenko

  3. 0

    Ajoutez le code suivant à votre fichier css-fichier: 

     .ui-dialog .ui-dialog-content {
    overflow-y: scroll;

 }
 #longdialog{
    height: 450px;

 }

    Le débordement ne fonctionne pas parce que la hauteur est réglée sur auto, définir la hauteur de la div conteneur

    Je suis désolé, mais je ne veux pas la barre de défilement à l'intérieur de la boîte de dialogue, mais pour l'ensemble de la page. Je ne veux pas beaucoup de barres de défilement dans mon interface. J'ai mis à jour l'exemple :jsbin.com/ozapol/9

    OriginalL'auteur dimitril

  4. 0

    Si vous ne voulez pas ou ne pouvez pas mettre à niveau vers jQuery UI 1.10, c'est la solution pour vous:

    https://stackoverflow.com/a/7740756/354756

    OriginalL'auteur daniloquio