最新的时尚似乎是滚动时会移动的东西。
现在，我有一堆方形div，其中包含分散在很长内容页面周围的背景图像。我的想法是，当你向下滚动时，这些背景图像会略微向上滑动。背景图像与正方形一样宽，但高1.5倍。
简单的解决方案是将backgroundPosition设置为当前scrollTop的一小部分，但是当我更多地考虑它时，它并不是那么简单。
基本上，div的背景图像应该在background-position: 0 0;时，div才会被遮挡。一旦它出现，顶部位置将相对于滚动减少，直到div消失在窗口的顶部边缘后到达背景图像的底部边缘的末尾。
div在文本内容中float，因此无法对其中的任何位置值进行硬编码。
也许我可以自己设法做到这一点，但有几点需要考虑;
div的任何部分未被遮盖的位置。background-position最初不是0 0并不重要，重要的是背景图像的移动速度与其他图像一样。现在，因为这只是一个额外的小小的天赋，我不期待惊人的浏览器兼容性或者这可以在移动设备上运行（尽管如果它确实很酷）。
但我甚至无法开始思考如何解决所有问题。实现这一目标的最佳方法是什么？由于滚动滑动的东西如此受欢迎，是否有任何（jQuery）插件可以用来构建它？