を開くときにこれは私のモーダルdiv要素では見えないスクロール:jQueryのダイアログクローム問題に - 二度目の
<div id="modal-window" style="display:none;">
<iframe id="modal-window-inner-html" frameborder="0"></iframe>
</div>
そして、これはJavaScriptで定義された私のjqueryのモーダルです:
$("#modal-window").dialog({
autoOpen: false,
modal: true,
width: 350,
height: 800
});
これはインラインフレームですCSS:
#modal-window iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
iframeのコンテンツでは、通常、大量のhtmlをスクロールする必要があります。クロムで初めてモーダルを開くと(スクロールが見える)、モーダルを閉じてもう一度2回目、3回目などにスクロールしても表示されませんが、クロムの問題は1つあります(他のブラウザはうまく動作します)。私はまだコンテンツをスクロールすることができます。このスクロールを強制的に表示する方法は? 私はoverflow-yを入れてみました:auto!important; iframeでjQueryモーダルにmaxHeightを設定し、閉じるとjqueryモーダルを破棄しましたが、何も問題は解決しませんでした。
を増やしてみてくださいオーバーフロー-Y修正する必要があります追加:!スクロール重要 – nareeboy
も、Zインデックスがここにも問題になる可能性があります。例えば999のような本当に高い数字としてZ-インデックスを追加してみてください。例えば – nareeboy
最初の提案私は既に試してみましたが、解決策ではありません。高いZ-インデックスを置く場所は?それをiframeに置くことは役に立たなかった。 – bambi