html - 如何将背景速度降低一半的帖子速度

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";
});

涡流