1#@!#!123s

D7net

: / home / grandhou / www /

Filename : parellaxscroll.js

back

const simpleParallax = (elem, modifier) => {
  let paras = document.getElementsByClassName(elem);
  for (let i = 0; i < paras.length; i++) {
    let para = paras[i];
    para.setAttribute(
      "style",
      "background-repeat: no-repeat; background-attachment: fixed; "
    );
    const sp = () => {
      let x = para.getBoundingClientRect().top / modifier;
      let y = Math.round(x * 100) / 100;
      para.style.backgroundPosition = "center " + y + "px";
      requestAnimationFrame(sp);
    };
    requestAnimationFrame(sp);
  }
};

simpleParallax("para",4);

//  preload images