Comment utiliser un lien local sur un site web déjà existant ?

parsimonhi a écrit :
Bonjour,

Le lien https://developer.mozilla.org/fr/docs/Web/HTML/Element/input#capture devrait fonctionner y compris avec chrome.

Mais il y a peut-être dans cette page du bricolage avec du js qui l'empêche d'aller à l'ancre comme attendu. J'ai fait le test avec safari : si js est activé, ça ne va pas à l'ancre directement . Si js est désactivé, ça va à l'ancre directement. Je vous laisse le soin de faire le test avec Chrome.

Olivier C a écrit :
Effectivement, il faut que je précise :

- Si l'ID cible est atteinte par un hash href déjà présent sur même page, alors ok, pas de problème.
- Par contre, si je veux atteindre cette même ID (sur un élément qui n'est pas un lien) à partir d'une autre page, nop.

Testez avec ceci par exemple (nop) : https://developer.mozilla.org/fr/docs/Web/CSS/CSS_grid_layout#r%C3%A9f%C3%A9rence

Alors qu'avec ma solution JS (ok) : https://scriptura.github.io/page/components.html#section-accordions

// -----------------------------------------------------------------------------
// @section     URL.hash & ID
// @description Si URL avec un hash, alors défilement jusqu'à l'ID cible.
// -----------------------------------------------------------------------------

/**
 *  @note Ce script double le comportement par défaut des navigateurs, se dernier se révélant défaillant sous Chrome, que ce soit pour les pages dotées d'un contenu conséquent ou en raison d'ancres créés en JavaScript après le chargement initial de la page (comme avec notre fonction lineMarks). Firefox ne souffre pas de ces limitations.
 *  @note Si le comportement de base s'applique avec succès, le script ne servira simplement à rien dans ce cas, sans engendrer de conflit.
 */

if (window.location.hash) window.addEventListener('load', () => {
  const scroll = () => document.querySelector(window.location.hash).scrollIntoView()
  //setTimeout(scroll, 1000) // @note Correction du fonctionnement après un laps de temps. 
  scroll() // Lancement du script dès sa disponibilité.
})

parsimonhi a écrit :
Je ne vois guère de problème si ce n'est que ton script à pour effet de revenir à l'ancre en cas de rafraichissement de la page. Or, Chrome par défaut reste à l'endroit où on est en cas de rafraichissement d'une page avec un hashtag, et ne va pas à l'ancre correspondante. Ce n'est pas un bug, mais une fonctionnalité du navigateur. Ton script empêche Chrome d'avoir son comportement par défaut.