JavaScript视差转换过渡滚动

时间:2018-08-20 12:08:29

标签: javascript css transitions

我正在尝试设置像背景的视差。此处的目标是使某些元素转换:在不同滚动高度的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 %)";
}

1 个答案:

答案 0 :(得分:0)

您可以使用parallax.js

使用此功能,您可以看到更多的并行效果