(CSS)使背景图像滚动速度比其他所有

body {
padding: 0px;
margin: 0px;
BACkground-image: url("../images/BACkground.jpg");
BACkground-repeat: no-repeat;
BACkground-color: grey; 
BACkground-size: 100%;

我偶然发现,我使用纯CSS创建的视差速度更加灵活,我只想指出,所有这些人都是错误的,并且可以使用纯CSs.还可以控制元素的高度更好.

您可能需要编辑您的DOM / HTML有一些容器元素,在您的情况下,您正在将身体应用于身体,这将限制您很多,似乎不是一个好主意.

http://keithclark.co.uk/articles/pure-css-parallax-websites/

根据屏幕尺寸,您可以使用Viewport-percentage lenghts控制高度：

https://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/

.forefront-element {
    -webkit-transform: translateZ(999pX) scale(.7);
    transform: translateZ(999pX) scale(.7);
    z-index: 1;
  }

  .base-element {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .BACkground-element {
    -webkit-transform: translateZ(-999pX) scale(2);
    transform: translateZ(-999pX) scale(2);
    z-index: 3;
  }

层速度由透视和Z平移值的组合控制.具有负Z值的元素将比具有正值的元素滚动慢.值越大,视差效果越明显(即translateZ(-10pX)将比translateZ(-1pX)慢).

这是一个由Google搜索发现的演示,因为我知道有很多非信徒在那里,永远不会说不可能：

http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3/