Jquery 具有100%宽度的CSS背景图像，并设置滚动动画，直到图像完成

所以我有这个网站，有一个大的图像作为背景。现在，我需要将图像缩放到视口宽度的100%，而不是将其褪色为平面颜色或图案

这并不能解决这样的问题，即您只能看到图像的一部分（取决于浏览器大小），而我需要查看整个图像。仅仅向下滚动是不够的，因为这样图像就会结束，我为背景选择的任何颜色都会出现（这很糟糕）

所以我在想如果我能

• 背景图像缩放为视口宽度的100%，最小尺寸为图像宽度和
• 还可以垂直向下滚动设置动画，直到
• 您到达图像高度的末尾，然后它将停止，直到您向上滚动并恢复到图像顶部
• 具有视差效果

---

每一个都是单独的，但是我还没有找到它们的组合，并且有一个限制垂直滚动的修改。如果有人能给我指出正确的方向，我将不胜感激D

我已经为您在JSFIDLE上描述的效果创建了一个工作演示： （注意：我为图像指定了200%的高度，以确保它足够跨越窗口高度，以便于演示。您需要删除此选项以避免图像倾斜。）

---

编辑：你可以考虑的另一个选项是视差滚动效果，其中体内容滚动得比背景图像快，产生深度错觉。这里有一个例子：

我可以想象这种实现对用户来说是一种令人困惑的体验（后台滚动，然后停止，而内容继续滚动）。我想说a就足够了，但那只是我的2c。我完全明白你的意思，内容本身不会放在背景之上，而是放在它自己的容器中，这就是焦点……所以希望它不会对用户造成任何影响。谢谢你的链接！也很接近：）完美的哥们！非常感谢：D最初它对我不起作用，但我发现这是因为我有

html{height:100%；}

，只是删除了它，然后瞧！如果将#bg#u img容器设置为100%高度，则图像将在浏览器末端上方滚动。呸！你能给我看看你的代码或链接吗？这会让我更好地了解你想要实现的目标。