如何使用CSS属性编写jQuery视差效果（transform:translate3d（0,0%，0）

我正在尝试使用jQuery编写一个自定义视差效果函数，该函数只移动该部分上的transform属性

我认为应该遵循以下步骤：

在我想“翻译”或“视差”的div/部分上一节课

当然，该div是绝对定位的，默认情况下，top是0

当滚动接近div时，将其最大值设置为-72px

然后，当用户滚动经过div时，div开始将其translate ty值从0.0%增加到16%

如果用户向上滚动，则将转换从完成值的16%或当前值基于滚动的任何值反转为起始值的0%

CSS是：

.has-parallax {
  overflow: hidden;
}
.image .abs-bg + img { display: none; }
.image .abs-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.image.will-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate3d(0px, 0%, 0px);
}

现在，当用户滚动页面并接近任何具有

类背景图像的div时，视差将开始改变，变换值仅在三维空间的ty百分比上改变

使用这种视差的网站的一个例子是

有人能帮我写jQuery代码吗？谢谢。
你试过什么吗？嗨，老实说，我不太懂。我对JS/jQuery还不熟悉，我甚至不敢尝试。我只写过一点点基本的jQuery代码……这就像是一个完整的程序，我刚刚被打败了。好吧，我试着给你指出正确的方向：第3步检查元素是否在v中iewport:设置
top
值类似于
$（“#mydiv”）.css（“top”，“-72px”）
。设置其他css值也是类似的。如果您尝试了一些东西，但仍然没有任何进展，请将代码发布到stackoverflow上，您将得到帮助。因为实际上，在stackoverflow上，您会将问题发布到您喜欢的特定问题上“这是我到目前为止尝试过的，但我无法得到右边的div”或类似的说法。如果你发现自己在jQuery方面太缺乏经验，请用谷歌搜索“jQuery教程”。我得到了很多点击率。