Cacher is the code snippet organizer for pro developers

var title = document.querySelector("header");
var proj = document.querySelector(".projects");

function getOffset(el) {
  el = el.getBoundingClientRect();
  return {
    top: el.top + window.scrollY,
  }
};

window.onscroll = function() {
        
  var titleTop = getOffset(title).top;
  var projTop = getOffset(proj).top;

  if (titleTop > projTop) {

    title.classList.add("swap");

  } else {

    title.classList.remove("swap");

  };
        
};