2016-08-29 5 views
1

を開くときにこれは私のモーダル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モーダルを破棄しましたが、何も問題は解決しませんでした。

+0

を増やしてみてくださいオーバーフロー-Y修正する必要があります追加:!スクロール重要 – nareeboy

+0

も、Zインデックスがここにも問題になる可能性があります。例えば999のような本当に高い数字としてZ-インデックスを追加してみてください。例えば – nareeboy

+0

最初の提案私は既に試してみましたが、解決策ではありません。高いZ-インデックスを置く場所は?それをiframeに置くことは役に立たなかった。 – bambi

答えて

1

のiFrameに固定ピクセルの高さは、それが

+0

高さを100%から固定された高さにピクセル単位で変更すると、高さが可変なiframeコンテンツが切り捨てられ、コンテンツの長さを明示することはできません。 – bambi

+0

ミニ高さをピクセルで追加し、高さをauto – nareeboy