固定圖像像效果

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圖書館。

他的圖書館有一些額外的功能，使所有的東西都可以在移動設備上正常工作...