隐藏固定透明标题下的滚动内容，滚动背景

让我们说我有一个背景图像，一个带有透明部分的固定标题图像，一个带有半透明背景的内容div和一个传统标题/内容/页脚布局中的动态高度。

我想要实现的效果：在固定标题下滚动背景和内容（内容隐藏和背景显示）。

我已经阅读了一些相关的主题，例如在透明标题下隐藏滚动内容等。但是它们也处理了背景也可以修复的情况。我的必须是可滚动的。

我设法通过将相同的背景图像添加到标题图像div的包装div并在窗口滚动事件上使用jQuery .scrollTop()滚动它来获得我需要的东西。

参考： jsbin示例
参考： jsFiddle示例

在所有名为Firefox的浏览器中，这种方法的问题都是非常糟糕的同步（有些滞后，撕裂）。

澄清：内容的高度将是动态的。 10000px我刚刚选择了这个例子。我希望它经常达到，有时更多（AJAX提要），并且在某些页面上它可以接近0 。这就是我同步.height()的原因。请记住， 底部的页脚div位于内容div下 。

我认为必须有更好的方法 。有什么建议？

难道你不能只使用定位的滚动窗格或滚动区域滚动动态内容，只需将其放在固定标题下即可？