过去，我使用 scrolldeck.js 创建了一些网站，它们具有标准的全屏背景，顶部有一层和文本（标准滚动视差样式），这不是我想要的。
我正在寻找一个脚本或教程（或示例），以便在您滚动时在前景动画/移动中具有单个 div 标签（图像）。我将在单页垂直滚动网站上使用它，因此当您滚动时，我希望奇数图像以不同的速度滚动并具有开始和停止位置。我不想要整个背景的视差。
提前感谢一堆
编辑：这是对我正在寻找的内容的更好解释：
图片向下滚动页面，当您滚动时，您会看到一个浮动的瓶子（透明 png），您继续向下滚动阅读内容，并且在某个点上，瓶子很好地放在桌子上（背景的一部分），因为您继续滚动它会不再移动。
目标是让元素（图像）移动到预先确定的位置（基于滚动），然后在它们到达最终静止位置时保持原状。
编辑 2：这里有一些示例站点：http:
//jessandruss.us/ - 这个站点完全按照我想要的方式完成了大约 2/3 的操作：见截图
http://smokeybones.com/ - 汉堡我想要的效果很好，很小，但它会在你滚动时移动到位。
http://prinzhorn.github.com/skrollr/
这个库是一个原生 javascript（不需要 jQuery 等）视差滚动插件。插件主页有一个你正在寻找的实际演示。Github 仓库在这里。
根据您的评论but hopefully at a different pace then the actual page scrolls creating a parallax effect.- 我试图模拟这种效果。
基本上，移动对象以与页面滚动相同的速度移动，但覆盖与视口（可见区域）成比例的不同距离
注意：使用滚动条手柄而不是鼠标滚轮。
您应该查看 https://victoriabeckham.landrover.com/INT的来源， 基本上有一个“播放器”可以处理一些 CSS 属性，这些属性可以提供您想要实现的视差效果；主要不是背景位置的问题，应该有这种处理的元素是
我认为你会从这本书中受益：Supercharged Javascript Graphics它有大量的教程和有用的信息。我个人从中学到了很多。这是本书中一个示例的链接，可以在这里满足您的胃口。您可以在此处访问作者网站以获取更多精彩内容。
