假设我有一个背景图像，一个带有透明部分的固定标题图像，一个具有半透明背景的内容 div 和传统页眉/内容/页脚布局中的动态高度。
我想要达到的效果：在固定标题下滚动背景和内容（隐藏内容并显示背景）。
我已经阅读了一堆相关主题，例如 在透明标题下隐藏滚动内容等。但它们处理的背景也可以固定。我的必须是可滚动的。
.scrollTop()我设法通过将相同的背景图像添加到标题图像 div 的包装器 div 并在窗口滚动事件上使用 jQuery 滚动它来获得我需要的东西。
参考：jsbin 示例
参考：jsFiddle 示例
这种方法的问题是在所有未命名为 Firefox 的浏览器中同步非常糟糕（有些滞后、撕裂）。
澄清：内容的高度将是动态的。10000px我只是选择了这个例子。不过，我希望它经常达到这个目标，有时甚至更多（AJAX 提要），并且在某些页面上它可能接近0. 这也是我同步的原因.height()。请记住，底部的页脚 div位于内容 div下方。
而且我认为必须有更好的方法。有什么建议么？