如何获得滚动和封面效果？

Question

我看到这个网站具有很棒的固定滚动效果，并且我正在尝试复制它。这是网站：https://templated.co/roadtrip。

基本上，有一个固定的图像，当您滚动下一个图像时，它会覆盖第一个图像，而不会移动第一个图像。

我什至不知道这是CSS还是JavaScript？

我搜索了许多Jquery插件，但找不到我想要的东西。

Answer 1

这是简单的CSS：

background-attachment: fixed;

Answer 2

对于您要固定的图像，即在向下滚动时停留，只需使用以下代码：

.myImage {
    background-attachment: fixed;
}

有关更多信息，请参见this website。

如果您需要更多高级选项，请查看this cool library。 （不隶属于它。）

让我知道这是否有帮助，或者您还有其他问题。