Jquery modalne okna dialogowe wyłączyć paski przewijania

Question

Jak widać na ten link, http://jsbin.com/ozapol/9,

Jquery wyłącza przewijania na niektórych wersji IE i najnowszej wersji Chrome. (Nie próbowałem jeszcze żadnego innego ...)

Czy istnieje sposób na włączenie pasków przewijania, aby móc przewijać długie, długie okno dialogowe?

Dziękujemy! Bye

Nicea rozwiązanie dla Internet Explorer (dzięki jk.)

html {overflow-y : scroll} 

Brutal obejścia dla Chrome (dzięki jk).

Na Chrome jQueryUI przechwytuje zdarzenia myszy na paski przewijania. To wygląda jak błąd, do którego odnoszą się powyższe linki. W celu usunięcia tych powiązań, trzeba rozpiąć zdarzenia każdym razem utworzyć okno modalne:

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

Istnieje Ostatnim przykładem: http://jsbin.com/ujagov/2

Odnośniki do raportów o błędach:

1. http://bugs.jqueryui.com/ticket/4671
2. http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup

Answer 1

Możesz zachować przewijania notki z:

html {overflow-y: scroll;} 

Można dodać, że CSS programowo, więc nie ma wpływu na każdą stronę witryny i ewentualnie projektu.

A może trzeba rozpiąć zdarzenia myszy, okno modalne hijacks:

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

Zobacz Scrollbar problem with jQuery UI dialog in Chrome and Safari

Answer 2

Dodaj następujący kod do CSS-file:

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

} 
#longdialog{ 
    height: 450px; 

} 

The przepełnienie nie działa, ponieważ wysokość została ustawiona na automatyczną, zdefiniować określoną wysokość do pojemnika div

Answer 3

Ten błąd został naprawiony w jQueryUi-1.10. Oto link do problemu http://bugs.jqueryui.com/ticket/4671.

Answer 4

Jeśli nie chcesz lub nie można uaktualnić do jQuery UI 1.10, jest to rozwiązanie dla Ciebie:

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