如何设置视差元素的结束位置

时间:2016-08-02 08:19:30

标签: javascript javascript-events

我对JavaSript很新,并尝试将结束位置设置为我的视差元素。

这是我的代码:

var f1 = document.getElementById("f1");
var f2 = document.getElementById('f2');
var f3 = document.getElementById('f3');
var f4 = document.getElementById('f4');

function initParallax() {
  f1.style.left = ((window.pageYOffset / 10) - 300) + "px";
  f2.style.left = (window.pageYOffset / 5) + "px";
  f3.style.left = ((window.pageYOffset / 8) + 40) + "px";

  f4.style.right = ((window.pageYOffset / 6) - 200) + "px";
  f4.style.bottom = ((window.pageYOffset / 15)) + "px";
}

window.addEventListener("scroll", initParallax);

所以,我的视差元素在整个显示中移动,但是我希望它们停在它的中间。谢谢!

0 个答案:

没有答案