在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";