Mallarmé extrait de
Un coup de dés jamais n'abolira le hasard
C'ETAIT
issu stellaire
CE SERAIT
pire
non
d'avantage ni moins
indifferemment mais autant
Les éléments ciblés par une ancre sont en position 'fixed' d'où absence de mouvement au clic,
mais les propriétés CSS définies sous :target sont prises en compte
L'url est ensuite nettoyée, replaceState() ne rafraîchissant pas l'ancre (*)
L'élément ayant le focus est enregistré au clic, et restitué après appel de l'ancre
Autre notion utile : onhashchange, qui est précédé de onscroll - quand position non 'fixed' -
et qui réagit à document.location.hash = "";
d'où possibilité d'utiliser les promesses pour ré-ordonner le résultat de la gestion d'événements
(*) l'utilité d'un élément en position 'fixed'
permettant l'application de styles via :target
avant nettoyage de l'url avec replaceState()
peut amener à créer des éléments comme
<hr style="position: fixed;" id="cible">
code et divers :
* entre ancre et focus : Propriété :target et focus sous l'action de l'ancre
* possibilités ergonomiques de :target : Effets d'affichage via :target : navigation par ancre définie via le scroll
* :target à concilier avec pushState() (et avec IE8) : Interfacteur, blog: :target : pseudo-classe à concilier avec pushState(), et IE 8