Trovato un sacco di plugin per finestra modale, ho provato diverse opzioni di configurazione per alcuni come SimpleModal, LightBox ... questi sono leggeri e hanno una configurazione flessibile, ma mi manca una cosa: ho bisogno di essere in grado di scorrere la finestra modale (quando eccedere in altezza) con la barra di scorrimento del browser come la galleria di facebook modal, o l'anteprima del pin di pinterest.com, qualche suggerimento?Dove trovare il plugin per finestra modale "scorrevole" di jQuery?
risposta
$(window).scroll(function(){
if($('#ux-dialog-test-container').dialog('isOpen') === true){
var dialogHeight = $('.ui-dialog').height();
var windowHeight = $(window).height();
var documentHeight = $(document).height();
var scrollLength = documentHeight - windowHeight;
var currentScrollTop = $(window).scrollTop();
var scrollPercentage = currentScrollTop/scrollLength;
var pixelsToSubtract = dialogHeight * scrollPercentage;
var newTop = 32 - pixelsToSubtract;
$('.ui-dialog').animate({top: newTop + 'px'}, 15, 'swing');
}
});
So che questa una vecchia questione, ma ero alle prese con lo stesso problema e abbiamo trovato questo una soluzione adeguata. In pratica dà l'illusione di scorrere la finestra di dialogo modale, quando in realtà spinge la parte superiore più in alto mentre scorri verso il basso. Ho calcolato la percentuale di finestra scorsa e ho utilizzato quella percentuale per regolare la proprietà "top:" css. Nel mio caso ho avuto la parte superiore impostata su 32px, come potete vedere ho modificato per i miei calcoli. Spero che questo aiuti qualcuno da qualche parte!
OH! e questo, che ho rubato da un altro thread è necessaria in alcuni browser per sbloccare il rotolo (cioè in cromo l'evento click per la barra di scorrimento viene soppressa se modal: true)
if ($.ui && $.ui.dialog) {
$.ui.dialog.overlay.events = $.map('focus,keydown,keypress'.split(','), function(event) { return event + '.dialog-overlay'; }).join(' ');
}
So che questo funziona in IE8 + così come Chrome e FF.
MODIFICA: aggiunto controllo per vedere se la finestra di dialogo era aperta.
- 1. Finestra di dialogo modale mobile jQuery
- 2. Esempio di finestra modale jQuery?
- 3. jQuery: dissolvenza nella finestra di dialogo modale
- 4. Utilizzo di WindowFinder per trovare una finestra di dialogo modale
- 5. plugin jquery ordinabile con "effetto scorrevole"?
- 6. Finestra di dialogo Modale JQuery senza sovrapposizione
- 7. jQuery finestra di dialogo modale e finestra di dialogo CKEditor
- 8. finestra di dialogo modale sul controllo Activex
- 9. jQuery finestra di dialogo modale non invia il mio modulo
- 10. Algoritmo per finestra scorrevole per il riconoscimento di attività
- 11. Finestra scorrevole sul seq
- 12. ciclico finestra scorrevole iterazione
- 13. Dove posso trovare pacchetti/plugin per symfony 2
- 14. Come rendere modale la finestra di dialogo di jQuery?
- 15. Apre la finestra di dialogo modale di Jquery all'evento click
- 16. Il plugin select2 funziona bene quando non si trova all'interno di una finestra di dialogo modale jquery
- 17. come usare jQuery per mostrare una finestra di dialogo non modale?
- 18. div modale semplice in jQuery?
- 19. Dov'è il plugin Tipsy per jQuery?
- 20. (Capybara) finestra modale di accesso
- 21. Finestra scorrevole su panda Dataframe
- 22. Dove posso trovare un plugin per barra di scorrimento come Facebook?
- 23. Nella finestra di dialogo dell'interfaccia utente jquery, è possibile inserire una finestra di dialogo modale sopra un'altra finestra di dialogo modale
- 24. Perché una finestra di dialogo modale/non modale si chiama modale/non modale?
- 25. Python - vettorizzazione di una finestra scorrevole
- 26. Finestra di dialogo modale da una finestra di dialogo modale - entrambi chiudono quando il secondo è chiuso - perché?
- 27. JavaScript come finestra modale per WinForms
- 28. Come aprire una finestra modale Bootstrap usando jQuery?
- 29. Dove trovare il dizionario francese per ispell?
- 30. Qualche alternativa per il plugin JQuery Hilight?
No, non è esattamente quello che sto cercando .. Devo essere in grado di scorrere la finestra modale stessa con la barra di scorrimento verticale del browser, per non avere contenuto scorrevole all'interno di questa finestra modale. –