最新的时尚似乎是滚动时移动的东西。
现在，我有一堆 square div，其中包含散布在一长页内容周围的背景图像。我的想法是当你向下滚动时让这些背景图像向上滑动。背景图像与正方形一样宽，但高 1.5 倍。
简单的解决方案是将 设置为backgroundPositioncurrent 的一小部分scrollTop，但是当我仔细考虑它时，它并不完全那么简单。
本质上，div 的背景图像应该在background-position: 0 0;div 刚刚被折叠超出时。一旦它出现，顶部位置将相对于滚动减少，直到div在窗口顶部边缘消失时到达背景图像底部边缘的末端。
divs 在文本内容中编辑float，因此无法为它们硬编码任何位置值。
也许我可以自己做到这一点，但有几个考虑因素；
- 以任意速度来回滚动，并且从不将背景图像移动到正方形的任何部分
div未被覆盖的位置。 - 加载时出现在页面中间的 div。
background-position最初是否不适合它们并不0 0重要，重要的是背景图像以与所有其他图像相同的速度移动。 - 在用户更改窗口大小时进行调整。
现在，因为这只是一个额外的小天赋，我并不期待惊人的浏览器兼容性，或者这将在移动设备上运行（尽管如果它确实如此，很酷）。
但我什至无法开始思考这一切会如何发生。实现这一目标的最佳方法是什么？由于滚动滑动非常流行，是否有任何（jQuery）插件可以用来构建它？