PHP/jQuery Page changement transition

Question

Fondamentalement, je veux reproduire la page changer l'effet trouvé ici, à http://timvandamme.com/

Mais au lieu d'utiliser #values ​​je veux utiliser PHP inclut, principalement parce que je veux que le site soit comme uber -seo-friendly que possible ... mais toujours avoir ce bel effet.

Alors, y a-t-il une façon de procéder? J'ai un principal fichier d'index qui comprend d'autres fichiers php dans le centre en utilisant la méthode 'GET' habituelle, donc mes pages ressemblent: "index.php?page=about"

Dans mon code jQuery je veux avoir une déclaration où, si je clique sur la navigation, le contenu fait défiler vers le haut, puis une fois le fichier PHP chargé, faire redescendre le contenu et afficher le nouveau contenu de la page (tout en naviguant vers la nouvelle page dans la barre d'adresse, si l'utilisateur clique ils reviennent à la page précédente).

Je sais comment coder les bits de défilement, il est juste littéralement les pièces de navigation chargement ajax includes/page Je me bats pour travailler: \

Toute aide serait grandement appréciée! Merci d'avance.

Answer 1

Utilisez les liens standard dans votre navigation. Dans votre fonction onClick, utilisez event.preventDefault() pour empêcher les pages de rediriger vos utilisateurs réels (mais ils apparaissent toujours comme des liens normaux vers les moteurs de recherche).

<a href="/next-page/">Foo</a> 
<script>$("a").click(function(event){ 
    event.preventDefault(); 
    navigate($(this).attr('href')); 
});</script> 

Utilisez la fonction onClick des liens pour modifier le contenu de la page avec AJAX (comme il apparaît sur le site que vous avez lié), mais en outre mis en place chaque « page » (à l'aide des documents d'erreur, mod_rewrite ou quelque chose) pour afficher son contenu, mais permettre la navigation de la même manière. Ce faisant, vous aurez la même fonctionnalité avec la convivialité de recherche que vous désirez.

Answer 2

Pour ajouter aux autres, certains moteurs de recherche comprennent ce problème et offrent des utilitaires de carte de site. Vous pouvez consulter les solutions de plan du site google ici:

http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156184

Le plan du site vous permettra d'informer explicitement Google à propos de certains de uri (comme http://timvandamme.com/#about).