Javascript导航过渡错误

Question

我正在将this codepen用作我正在构建的网站的模板。我需要找到一种导航链接在页面过渡旁边加载其.html链接或隐藏上一页内容以便加载下一个链接内容的方法。我是javascript的新手，但是我相信我应该关注的部分是：

  addEvents() {
this.dom.triggers.forEach(trigger => {
  trigger.addEventListener('click', e => {
    e.preventDefault();

    if (this.state) return;

    this.dom.triggers.forEach(el => {el.classList.remove('is-active');});
    trigger.classList.add('is-active');

    this.state = true;
    this.tl.restart();
    window.location = contact.html;


  });
});

}

据我了解，e.preventDefault（）用于阻止html链接的加载，并且this.dom.triggers ...用于标记活动页面链接，但是页面内容保持不变。我该如何调整JavaScript，以允许单击链接时更改链接的页面内容，或者直接链接到src，同时保持页面之间的动画？

第一次使用Stack Overflow，非常感谢您的帮助。