A ideia é iniciar uma animação quando determinada hash é encontrada no URL.
Exemplo
Pegando no exemplo de uma página cuja navegação funciona por hash:
<nav>
<ul>
<li><a href="#john">John</a></li>
<li><a href="#doe">Doe</a></li>
<li><a href="#Jane">Jane</a></li>
</ul>
</nav>
<section id="john">Super BuBu</section>
<section id="doe">Super Saiyan</section>
<section id="jane">Jane Porter</section>
O utilizador clica no menu e a página faz a rolagem para o id
em questão.
A ideia é despoletar uma ação quando por exemplo se acesso ao #doe
que poderia ser realizado através do evento de clique no link com o href
igual a #doe
.
Problema
Se o utilizador aceder diretamente à página através de um URL que já contém a hash para o direcionar para a secção correta, a ação previamente associada ao clique no elemento referido não é despoletada.
http://www.meusite.com/bananas.php#doe
Pergunta
Como despoletar uma ação quando no URL do navegador é encontrada determinada hash?