“扩展”网页以适应粘性页脚

Question

我正在构建一个插件，在每个网页的底部注入一个HTML iframe“工具栏”。我通过注入以下内容实现了“粘性页脚”行为：

<iframe frameborder="0" noresize="noresize" src="http://example.com/toolbar.html" style="position:fixed; background:transparent; width:100%; height: 33px; padding:0; bottom: 0px; z-index: 2px;"></iframe>

但是，此iframe与网页的底部30个像素重叠。我正在寻找的是如何“扩展”每个网页30像素，以便我们的栏具有粘性页脚的所有行为（它总是出现在屏幕的底部），但用户仍然可以滚动到底部一个网站，并查看该网站的最底层内容。 （不使用导致其他问题的传统框架。）

其他信息

Stumble Upon for Chrome已在窗口顶部实现此行为（即，Stumble Upon Bar“将内容向下推”而不是重叠内容。）

Answer 1

我会在身体上添加padding-bottom:33px。

<强>更新

如果html和body标记都有height:100%;

，则上述答案将无效

---

<强>溶液

划伤身体技术并做。

html{
  height:auto!important;
  height:100%;
  min-height:100%;
  padding-bottom:33px;
}

我想不出这会弄乱任何事情的情况。