javascript - JavaScript视差转换过渡滚动

我正在尝试设置像背景的视差。此处的目标是使某些元素转换：在不同滚动高度的translate（）。我见过很多人都使用jQuery，但是考虑到我对JS非常陌生，我更希望使用JavaScript方法。

我的代码目前看起来像这样...

window.onscroll = function() {
  windowScroll();
};

function windowScroll() {

  var scrollInput = window.scrollY;
  console.log("scroll from top: " + scrollInput);


  var portrait = document.querySelector(".portrait");
  portrait.style.transform = "translate(0px, + 'scrollInput' /2 %)";
}

最佳答案

您可以使用parallax.js

通过使用它，您可以看到更多的并行效果