jQueryのモーダルダイアログは、あなたがこのリンクを見ることができるように、スクロールバー

Question

を無効 http://jsbin.com/ozapol/9、

jQueryのIEの一部のバージョンとクロームの最新バージョンにスクロールバーを無効にします。 （まだ試してみませんでした）

長い長いダイアログをスクロールできるようにスクロールバーを有効にする方法はありますか？

ありがとうございました！ Internet Explorerのため さようなら

ニース溶液（JKに感謝します。）

html {overflow-y : scroll} 

クロームための残忍な回避策（JKに感謝します。）

クロム、上JqueryUIハイジャックでマウスイベントにスクロールバー。 これは上記のリンクで参照されているバグのようです。バグレポートにhttp://jsbin.com/ujagov/2

リンク：：

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

最後の例があります： は、これらのバインディングを削除するには、イベント あなたがモーダルダイアログを作成するたびにアンバインドする必要があります

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; 

} 

高さがautoに設定されているためオーバーフローが機能しない、コンテナdivに特定の高さを定義する

Answer 3

このバグはjQueryUi-1.10で修正されました。 問題とのリンクはhttp://bugs.jqueryui.com/ticket/4671です。

Answer 4

あなたがしたくないか、jQueryのUI 1.10にアップグレードすることができない場合、これはあなたのためのソリューションです：

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