jQuery défilement fluide sur une autre page Web

Question

J'ai réussi à faire fonctionner le défilement lisse sur une seule page en utilisant le code suivant.

Notez le lien HTML est stocké dans un header.php et utilisé sur plusieurs pages ci-dessous est un extrait de code:

HTML Script:

<a class="item" href="index.php#contact"> 

<a name="contact"></a> 

JS Script:

$('a[href="index.php#contact"]').click(function (e) { // user clicks on html link 

    e.preventDefault(); // prevent the default behaviour that occurs in the browser 

    var targetOffset = $('a[name="contact"]').offset().top; // define a variable to point at a particular section & offset from the top of browser 

    $('body').animate(// create animation 

     { scrollTop: targetOffset }, 1000); // scrollTop property = target variable 

    }); 

Problème:

Lorsque je vais sur une page Web différente et que je clique sur le lien de contact, il ne renvoie pas au index.php#contact et descend jusqu'au point d'ancrage du contact.

Toute aide ou conseil est très appréciée Je suis sûr que c'est un simple tweak dans le code quelque part.

Answer 1

Vérifiez votre href c'est supposé être: index.php/# contact