Jquery модальные диалоговые ОТКЛЮЧИТЬ на прокручивание

Question

Как вы можете увидеть по этой ссылке, http://jsbin.com/ozapol/9,

Jquery отключает скроллбары на некоторых версиях IE и последнюю версию хрома. (я еще не пробовал еще ...)

Есть ли способ удерживать полосы прокрутки для прокрутки длинного диалогового окна?

Спасибо! Bye

Nice решения для Internet Explorer (благодаря JK.)

html {overflow-y : scroll} 

Brutal обходного пути для Chrome (благодаря Jk.)

В Chrome, JqueryUI перехватывает события мышей на полосы прокрутки. Это похоже на ошибку, указанную в ссылках выше. Для того, чтобы удалить эти привязок, вы должны отвязать события каждый раз, когда вы создаете модальное диалоговое окно:

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

Там является последний пример: http://jsbin.com/ujagov/2

Ссылки на отчеты об ошибках:

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

Answer 1

Вы можете оставить скроллбары включены с:

html {overflow-y: scroll;} 

Вы могли бы добавить, что CSS программно, так что не влияет на каждую страницу сайта и, возможно, дизайн.

И, возможно, придется отвязать события мыши, что модальный диалог перехватывает:

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

См Scrollbar problem with jQuery UI dialog in Chrome and Safari

Answer 2

Добавить следующий код в ваш CSS-файл:

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

} 
#longdialog{ 
    height: 450px; 

} 

переполнение не работает, потому что высота была установлена ​​на авто, определите определенную высоту для контейнера div

Answer 3

Эта ошибка исправлена ​​в jQueryUi-1.10. Здесь ссылка на вопрос http://bugs.jqueryui.com/ticket/4671.

Answer 4

Если вы не хотите или не можете обновить JQuery UI 1.10, это решение для Вас:

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