固定图像效果

时间:2013-02-03 00:24:13

标签: jquery html

您好,我有一般网络问题。我最近看到了一个特定的效果,我希望有人可以告诉我这个效果的名称以及它是如何完成的。效果可以在这里看到:http://www.somoslr.com/。在桌面上,此站点的效果类似于多个固定的背景图像,但在移动设备上,它充当标准站点。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

效果称为“Parallax”,相关网站正在使用Mark Dalgleish的Stellar.js库。

他的图书馆有一些额外的功能,可以让所有内容在移动设备上正常运行......