如何将我的背景移动速度降低一半

Question

每次向下滚动时，我想让我的博客上的背景稍微移动一下，给它一个3D效果。我甚至做了一张漂亮的照片来向你展示我的意思：

那我该怎么做呢？说，我将我博客上的帖子减少了50％。我希望我的背景下降约25％。因此背景将下降到我的帖子的一半。谢谢！

Answer 1

这是一个教程，介绍了在没有任何插件的情况下制作视差效果的过程：http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/

以下是演示：http://nettuts.s3.amazonaws.com/2138_SimpleParallax/Demo/index.html

Answer 2

smokeyPHP的解决方案是否适用于div而不是背景图像？ 因此，不是以较慢的速度滚动背景图像，而是使底层div（z-index：-1）以较慢的速度滚动。

SmokeyPHP的解决方案] 1

document.addEventListener('scroll',function(e) {
    var newPos = (window.scrollY*-1)/2
    document.body.style.backgroundPosition = "center "+newPos+"px";
});

涡流