Javascript 在滚动条上滑动背景图像

最新的时尚似乎是当你滚动时会移动的东西

现在，我有一堆方形的

div

s，其中包含一个背景图像，分散在一长页内容周围。我的想法是，当你向下滚动时，稍微使这些背景图像向上滑动。背景图像与正方形一样宽，但高度是正方形的1.5倍

最简单的解决方法是将

背景位置设置为当前
滚动条的一小部分，但当我仔细考虑时，它并不完全那么简单

基本上，div的背景图像应该位于
背景位置：0当div仅在折叠之外模糊时。一旦出现，顶部位置将相对于滚动减少，直到
div
在窗口顶部边缘消失后到达背景图像底部边缘的末端

div
s在文本内容中是
float
ed，因此无法为它们硬编码任何位置值

也许我自己可以做到这一点，但有几个考虑因素


以任何速度来回滚动，并且从不将背景图像移动到未覆盖正方形
div
任何部分的位置
出现在页面中部的负载上。如果
背景位置
对他们来说不是
0
，这并不重要，重要的是背景图像与所有其他图像以相同的速度移动
当用户更改窗口大小时进行调整

现在，由于这只是一个额外的小天赋，我并不期待惊人的浏览器兼容性，或这将在手机上工作（虽然如果是这样的话，很酷）

但我甚至无法开始思考这一切将如何进行。实现这一目标的最佳方式是什么？由于滚动滑动功能非常流行，有没有（jQuery）插件可以用来构建此功能？
css3解决方案适合您？无论如何，这可能是一个好的开始：请注意，您需要重新计算div的像素大小，因为%not works here readed question。。。。最好在你需要滚动的地方摆弄一下，我觉得很容易，我不明白为什么你的方法失败了，你能展示一下代码吗？据我所知，你可能需要这个，这也不完全是我想要的。我在页面上有几个
div
s作为内容的一部分。此外，我在第二把小提琴上也经历了相当大的滞后/放松。也许我为自己尝试了一些东西，并用自己的小提琴来举例说明。