7
votes

Les dialogues modales JQuery désactivent 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 de IE et la dernière version de Chrome. (Je n'ai pas essayé d'autres encore ...) p>

Y a-t-il un moyen de garder les barres de défilement activés pour pouvoir faire défiler un dialogue long long? P>

Merci! Merci! Merci! Merci! Au revoir p>

Belle solution pour Internet Explorer strong> (Merci à JK.) P>

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

javascript scrollbar dialog jquery-ui

3 commentaires

Pourquoi n'essayez-vous pas d'ajouter une barre de défilement dans la boîte de dialogue?

Parce que cela n'a pas de sens dans ma demande ... désolé

Dupliquer possible de Problème de la barre de défilement avec la boîte de dialogue JQuery UI à Chrome et Safari

4 Réponses :

5
votes

Vous pouvez conserver les barres de défilement activés avec:

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

8 commentaires

Bonjour, merci pour vous de répondre, mais malheureusement cela ne cherche pas à travailler. J'ai ajouté cette partie CSS dans mon échantillon et il ne fonctionne toujours pas: Jsbin.com/ozapol/5

En fait, cela fonctionne sur Internet Explorer mais cela ne fait pas chrome ... aucune idée?

@Nicolasthery travaille pour moi en chrome sur le Mac et le PC. Je ne sais pas pourquoi ça ne marche pas pour vous.

Cela ne fonctionne pas non plus sur la version 16.0.912.75 pour Windows ni la version 16.0.912.77 que je viens d'installer.

@Nicolasthery j'ai la même version de Chrome sur mon PC Windows. Y a-t-il autre chose dans les styles qui peut remplacer le réglage des trop-plein-y?

Obtenez-vous vraiment les barres de défilement travaillant sur cette pièce de code ?! jsbin.com/ozapol/9

@Nicolasthery Oui, mais cela ne fonctionne que avec la brèche de défilement. Essayez ceci: Jsbin.com/ujagov/edit#javascriptHhtml

Fonctionne avec jQuery ui 1.8

0
votes

Ajouter le code suivant à votre fichier CSS:

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

 }
 #longdialog{
    height: 450px;

 }

1 commentaires

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

2
votes

Ce bogue fixé à JQueryUI-1.10. Voici un lien avec le problème http://bugs.jqueryui.com/ticket/4671 . < / p>

0 commentaires

0
votes

Si vous ne voulez pas ou ne pouvez pas passer à JQUERY UI 1.10, il s'agit de la solution pour vous:

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

0 commentaires