Javascript 如何在CSS中滚动浏览整个图像

我正在寻找一些代码，它允许在我的登录页上滚动整个图像

我真的不知道如何解释，但这正是特斯拉网站上的风格。鼠标滚轮上的每个滚动条向下滚动一整张图像

如何在Css和Javascript中生成类似的内容

致以最良好的祝愿，

---

安迪现在，我知道了，你想在你的应用程序中使用什么。 如果您想滚动浏览整个页面，背景中的多个图像应在滚动时更改。 在CSS和一些Javascript中使用背景图像属性可以很好地完成

请参阅此演示-。

---

使用它，它将像魅力一样工作。

当然，您可以找到大量的工作代码，但如果您想创建自己的代码，可以按照以下步骤开始

创建具有100%宽度、高度和位置的div:absolute； 排名：0；左：0；转换：转换100%。 您的div将需要一些状态标志，如active、hidden、next和prev。使用css或javascript创建动画，可以直观地为div设置动画，但也可以更改和处理这些标志

i、 e.变换：translateY0；要显示div和transform：translateY100%；再次隐藏一个div。这个动画完全取决于你

最后，使用javascript将这些动画绑定到窗口滚动事件。如果需要，您不能将这些绑定到其他事件，如按键、触摸等。

---

可能是某种原因。也许你可以用它？背景图像不应该是固定的。它应该改变每一个鼠标向下滚动。通常，当你向下滚动时，它向下滚动约10px。但我想向下滚动，直到下一张完整的图像完全显示出来。不完全是这样。查看tesla.com网站并向下滚动。这就是我想要达到的效果。。。