スクロールに合わせてポップアップのiframeを配置トップウィンドウの上部

Question

ポップアップを持つプラグインを開発しています。プラグインはiframeのようないくつかのページに含まれていますが、ドメインは異なります。このiframeを追加する以外は、そのページで他の変更を行うことはできません。

<iframe class="frame" style="width:100%" src="another-domain.com" frameborder="0" scrolling="no" height="4500px"></iframe>

スクロールが= "いいえ" と高さがページのheighその後、はるかに大きいことを

ご注意ください。 ポップアップは、ページが表示されたときに垂直方向に中央に配置する必要があります。ユーザーがページをどれだけスクロールしたかは関係ありません。参照してください。私が試し$（top.window）.scrollTop（）が、クロスドメインの問題があるPIC

。

これを行うためのCSSのトリックはありますか？

ありがとうございます。

Answer 1

あなたはtransform: translate()機能のCSS

iframe { 
 
    top: 50%; 
 
    position: absolute; 
 
    transform: translateY(-50%); 
 
    }

<iframe class="frame" style="width:100%" src="another-domain.com" frameborder="0" scrolling="no" height="4500px"></iframe>