javascript - 使用 HTML 或 JavaScript 移动背景

Question

我正在尝试创建与下面网站中显示的背景类似的效果。如果可能的话更喜欢 HTML，如果不是 JavaScript 应该没问题。谢谢!

Example

Answer 1

编辑#2

fiddle :http://jsfiddle.net/nkyt7/3/

<小时/>

编辑

fiddle :http://jsfiddle.net/DsRcN/2/

<小时/>

将网站的内容放在容器 DIV 或具有 overflow: auto 的内容中。并为您的 body 元素提供背景图像。在容器的滚动条中，根据需要重新定位主体的背景图像。

CSS:

body {
  background-image: url(bg.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.container { /* your site's content should be inside this container */
  overflow: auto;
}

JS:

$('.container').scroll(function() {
  $('body').css('background-position', ($(this).scrollTop() * 0.9)+'px');
});

您可以根据您想要的深度效果微调 0.9。