Preciso fazer uma âncora no meu site e no momento tenho o seguinte script:
<script>
$(document).ready(function() {
window.location.href='#foo';
});
</script>
Ele direciona a página para o elemento desejado, mas ao clicar na página por toda ela desce direto para onde eu quero com a tag:
<a href="#" id="foo"></a>
Nesta página eu possuo links para galerias de fotos. Eu clico, sou redirecionado para as galerias normalmente e tudo funciona como deveria. Mas na página da galeria eu tenho um botão voltar que, ao clicar, deveria voltar para a página anterior:
echo "<a href=\"about.php\" id=\"foo\" class=\"back\"><img src=\"images/left.png\"/> Voltar</a><br />";
Acontece que desta forma a âncora não é mantida. Quando clico em voltar, a página anterior é exibida, porém, no topo dela, não na âncora que eu estava antes de entrar na galeria.
Como posso fazer para que a âncora se mantenha e, quando clicar em voltar, volte para a mesma posição da página que eu estava?