Estou fazendo um site que funciona em uma página única. Então quando clico em um botão do menu ele rola até a área que quero com:
$('html, body').animate({scrollTop: $('#nomedoid').offset().top},Math.abs(0));
E ao mesmo tempo coloco o window.history.pushState:
window.history.pushState(null, 'blablabla', 'link');
Funciona como eu esperava, se eu clicar no botão voltar do navegador (ou celular) o site volta pra última "página" do site, inclusive rolando (scroll) pra ela.
O PROBLEMA: Existe agora uma "página" que abre sobre o site, entra uma div na frente do site com addClass e também dou o window.history.pushState:
$('.frente_site').addClass('frente_site_aparece');
window.history.pushState(null, 'blablabla', 'link-frente');
Aí se dou um voltar no navegador a URL até muda, mas ele não da o removeClass na class '.frente_site'. Teria como fazer isso acontecer? Estou fazendo da forma errada?
www.exemplo.com#div1
,www.exemplo.com#div2
etc...?