Melides Culture

<script>
  
  //https://scroll-interactions.webflow.io/split-scrolling-loop

  
  var num_children = document.querySelectorAll('.split-loop__left')[0].children.length;
var child_height = document.querySelector('.split-loop__left').offsetHeight / num_children;
var half_way = num_children * child_height / 2;
window.scrollTo(0, half_way);

  
  
  function crisscross() {
    var parent = document.querySelector(".split-loop");
    var clone = parent.cloneNode(true);
    
    var leftSide = clone.querySelector('.split-loop__left');
    var rightSide = clone.querySelector('.split-loop__right');

    if (window.scrollY > half_way ) {
        window.scrollTo(0, half_way - child_height);
        
        var firstLeft = leftSide.firstChild;
        var lastRight = rightSide.lastChild;
        
        rightSide.insertBefore(lastRight, rightSide.firstChild);
        leftSide.appendChild(firstLeft);

    } else if (window.scrollY < half_way - child_height) {
        var lastLeft = leftSide.lastChild;
        var firstRight = rightSide.firstChild;
        
        window.scrollTo(0, half_way);
        rightSide.insertBefore(firstRight, rightSide.firstChild);
        leftSide.appendChild(lastLeft);
    }

    leftSide.style.bottom = '-' + window.scrollY + 'px';
    rightSide.style.bottom = '-' + window.scrollY + 'px';

    parent.parentNode.replaceChild(clone, parent);        
}

  
  
  window.addEventListener('scroll', crisscross);

  
  
  
  
</script>