https://emit-beta-v2.replit.app/modules/parallax.js

1export default function scroller(event) {
2    var depth, i, layer, layers, len, movement, topDistance, translate3d;
3    topDistance = this.pageYOffset;
4    layers = document.querySelectorAll("[data-type='parallax']");
5    for (i = 0, len = layers.length; i < len; i++) {
6        layer = layers[i];
7        depth = layer.getAttribute('data-depth');
8        movement = -(topDistance * depth);
9        translate3d = 'translate3d(0, ' + movement + 'px, 0)';
10        layer.style['-webkit-transform'] = translate3d;
11        layer.style['-moz-transform'] = translate3d;
12        layer.style['-ms-transform'] = translate3d;
13        layer.style['-o-transform'] = translate3d;
14        layer.style.transform = translate3d;
15    }
16    if ((window.innerHeight + window.scrollY) >= 0) {// document.body.offsetHeight) { // one off solution
17       document.getElementsByClassName('arrows')[0].style.display = 'none';
18       let el = document.querySelectorAll('.login-animate');
19       for (let n = 0; n < el.length; n++) {
20            el[n].classList.add('animated');
21            el[n].style.display = (n == 0) ? 'flex' : 'block';
22        }
23    }
24}