JS-Pushstate

(function(){

  "use strict";

  var container = document.querySelector('.scroll'),
    hrefs = document.querySelectorAll('a'),
    textWrapper = document.querySelector('.highlight'),
    content = document.querySelector('.content'),
    defaultTitle = "Gerson Perez";

  function updateText(content){
    textWrapper.innerHTML = content;
  }

  function requestContent(file){
    $('.content').load(file + ' .content');
  }

  function removeCurrentClass(){
    for(var i = 0; i < hrefs.length; i++){
      hrefs[i].classList.remove('current');
    }
  }

  function addCurrentClass(elem){
    removeCurrentClass();
    var element = document.querySelector("." + elem);
    element.classList.add('current');
  }

  container.addEventListener('click', function(e){
    if(e.target != e.currentTarget){
      e.preventDefault();
      var data = e.target.getAttribute('data-name'),
        url = data + ".html";
      addCurrentClass(data);
      history.pushState(data, null, url);
      updateText(data);
      requestContent(url);
      document.title =  data;
    }
    e.stopPropagation();
  }, false);


  window.addEventListener('popstate', function(e){
    var character = e.state;

    if (character == null) {
      removeCurrentClass();
      textWrapper.innerHTML = " ";
      content.innerHTML = " ";
      document.title = defaultTitle;
    } else {
      updateText(character);
      requestContent(character + ".html");
      addCurrentClass(character);
      document.title =  character;
    }
  })
})();