固定图像像效果

Question

你好，我有一个一般的网络问题。我最近看到了一个特定的效果，希望有人能告诉我这个效果的名称以及它是如何完成的。效果可以在这里看到：http://www.somoslr.com/。在桌面上，该网站具有多个固定背景图像的效果，但在移动设备上，它充当标准网站。有任何想法吗？

Answer 1

我猜他们只是使用$('body').css('background-image', url(blah.png)');一旦div（我假设它是底部的那个）达到一定的距离（document.getElementById("div").scrollTop;）。当然，他们必须找到窗口的高度，使用window.innerHeight并从那里开始。

Answer 2

效果被称为'Parallax'，并且有问题的网站使用Mark Dalgleish提供的Stellar.js图书馆。

他的图书馆有一些额外的功能，使所有的东西都可以在移动设备上正常工作...