次のように、DIV を (非表示の iFrame から) jQuery を使用してページの上部に移動しています。
$(document).ready(function($) {
$('#precontainer').clone().insertBefore(parent.document.querySelectorAll(".maincontainer"));});
そのページをリロードするたびに、元のページがジャンプダウンして、挿入する DIV 用のスペースを作るのが非常に簡単にわかります。この動作を防ぐことはできますか?
私が今行っているのは、「メインコンテナ」の上部に、その上に挿入された「プレコンテナ」DIV とほぼ同じ高さの CSS を使用して大きなマージンを与えることです。その DIV が挿入された後、jQuery を使用して「maincontainer」からの上部余白なので、ジャンピングやフラッシングの影響はそれほど深刻ではありません。しかし、もっと良い方法があるはずですよね?
親のDOMを操作するために使用しているiFrameにしかアクセスできないことに注意してください(「メインコンテナ」を保持しています。親を変更できないため、iFrameを介してすべてを行う必要があります。