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

我正在构建一个插件,在每个网页的底部插入一个HTML iframe“toolbar”。我通过注入以下内容实现了“粘脚”行为:

<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 已经在窗口的顶部实现了这种行为(即,偶然发现的条将内容向下“推”而不是重叠)。