javascript - ページをオーバーレイするよりプッシュする方法

Question

ここで達成しようとしていることの技術用語はわかりません。私はそれを素人の言葉で説明し、学びたいと思っています：

満たされたいくつかの条件に応じて、ブラウザーの左側にページをオーバーレイするブラウザー拡張機能を作成しました。ここで、既存のブラウザー ページがプッシュされたページのサイズだけ短くなるように、オーバーレイする代わりにページをプッシュしたいと考えています。

（PS：この用語は私にとってまったく新しいものなので、気になる場合は自由に質問を編集してください）

Answer 1

これを行う方法は、ページにiframeを挿入し、このiframe内にオーバーレイページを表示することです。iframeを絶対的なものにします。マージンをbodyタグに追加します。これは、iframeの幅と同じである必要があります。それはあなたの要件を満たします。

HTML：

<h1>Sample</h1>
<p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>
<iframe id="iframex" src="http://vivekgupta.com"></iframe>

CSS：

body{
margin-right:200px;
}
#iframex {
    border:0;
    margin:0
    padding:0;
    display: inline-block;
    position:absolute;
    width:200px;
    height:100%;
    right:0;
    top:0;
    bottom:0;
}

これがフィドルです：http：//jsfiddle.net/YLMWe/