让我们说我有一个背景图片，带有透明部分的固定标题图片，带有半透明背景的内容div和传统页眉/内容/页脚布局中的动态高度。
我试图实现的效果：在固定标题下滚动背景和内容（隐藏内容并显示背景）。
我已经阅读了很多相关主题，例如 Hide Scrolling Content Under Transparent Header等。但他们处理背景也可以修复的情况。我的必须是可滚动的。
我设法通过将相同的背景图像添加到标题图像div的包装div并在窗口滚动事件上使用jQuery .scrollTop()滚动它来获得我需要的东西。
参考：jsbin Example
参考：jsFiddle Example
这种方法的问题是在所有浏览器不名为Firefox的情况下同步（有些滞后，撕裂）非常糟糕。
澄清：内容的高度将是动态的。 10000px我刚刚选择了这个例子。我希望它能够经常达到，有时更多（AJAX提要），并且在某些页面上它可能接近0。这也是我同步.height()的原因。请注意，底部的页脚div 内容div 。
我认为 必须是更好的方式 。有什么建议吗？