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