javascript - 如何推送页面而不是覆盖它

Question

我不知道要在这里实现什么的技术术语。我会用外行的方式来解释它，并希望学习：

我创建了一个浏览器扩展，它根据满足的某些条件覆盖浏览器左侧的页面。现在我想推送页面而不是覆盖，这样现有的浏览器页面就会被推送页面的大小缩短。

（PS：这个术语对我来说是全新的，所以如果你觉得可以随时编辑问题）

Answer 1

一种方法是在页面上注入 iframe 并在此 iframe 内显示覆盖页面。将 iframe 设为绝对。将边距添加到应该等于 iframe 宽度的 body 标签。那会满足你的要求。

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/