在 javascript 上重新创建 JQuery 视差效果

Question

所以我试图重新创建此网站中使用的背景效果：https://ddlc.moe 在他们使用 JQuery 作为效果的代码源中，但我看不懂 jquery 是吗可以用 javascript 来做，我希望尊重 html 格式

<div class="background">
  <div class="content" style="width:960px">
  </div>
</div>

Answer 1

有很多 JavaScript 库，例如 rellax，应该很容易使用

在您的示例中，看起来他们设置了覆盖默认滚动事件的滚动侦听器，并在滚动发生时编辑背景图像的 CSS 背景偏移量

编辑：快速查看我为您制作的演示 https://codepen.io/mjkaufer/pen/LBQgaJ

您可以像

一样JavaScript编辑背景图片偏移量

document.body.style.backgroundPositionY = contentY + "px";

recreate JQuery parallax effect on javascript