web-dev-qa-db-fra.com

Les liens de la barre de navigation pointent vers la même page lors de l'utilisation d'ancres

Mon site a deux pages:

http://www.example.com/en
http://www.example.com/en/contacts

Les deux pages partagent une barre de navigation commune et certains des liens de la barre de navigation concernent des ancres spécifiques de la page d'accueil.

Ces liens ne fonctionnent pas correctement, pointant à la place du même nom dans la page actuelle.

J'ai essayé toutes ces syntaxes:

index.php?Itemid=1121&#anchor1
index.php?Itemid=1121&#anchor1
http://www.example.com/en/#anchor1
  • 1121 est l'ID d'article de la page d'accueil;
  • Toutes les ancres sont des identifiants HTML;
  • Si aucun élément de la page en cours n'a l'identifiant anchor1, le lien ne fait rien;
  • Les deux adresses fonctionnent comme prévu si je les utilise à l'intérieur d'un <a href="...">link</a> structure quelque part ailleurs sur la page;
  • Les deux adresses fonctionnent comme prévu si je clique avec le bouton droit de la souris sur les liens et choisis "ouvrir dans une autre fenêtre/onglet";
  • Le problème existait déjà avant l'activation de l'option de réécriture d'URL SEF;
  • En changeant & à &amp; ne résout pas le problème;

  • L'inspection de l'élément dans Chrome me donne le code suivant:

    <a href="/en/#anchor1" data-uk-smooth-scroll="{offset: 0}">Home Page Anchor</a>

Que puis-je faire pour résoudre ce problème?

Le cas échéant, j'utilise Joomla 3.6.4, PHP 7.0.13 et le thème Luna de Yootheme (d'où les données de uikit smoothscroll). Le comportement est identique sous IE 11.672.10586.0 et Chrome 54.0.2840.99 m

joomla-3.xweblinksnavigation
1
Firefighter

Apparemment, le simple fait de retirer l'appel de smoothscroll js l'a corrigé.

0
Firefighter

Je résous ceci avec ces étapes:

  1. Créer un "menu caché";
  2. Créez un article vierge dans ce menu masqué avec certains comme <p> </p>;

  3. Définissez "home" dans cet article vierge;

  4. Maintenant, vos ancêtres fonctionnaient comme un "site d'une page";

Voir cet exemple: http://www.sindha.org.br/lab/

J'espère que ça aide;

0
Max