Arbitrary Anchor, pour créer des ancres personnalisées très simplement en Javascript
Vous souhaitez mettre votre solution en avant en haut de cet article ? Contactez-nous
Aujourd’hui, le Blog du Webdesign vous propose une petite ressource pour simplifier la création des ancres en HTML, et les rendre plus souples.
Faire des ancres en HTML est quelque chose de très simple, mais a comme principal inconvénient de ne pouvoir cibler que des ID, ce qui n’est vraiment pas très souple.
Rendez vos Ancres plus souples
Arbitrary Anchor résout ce problème très simplement : L’installer ne demande qu’à charger un tout petit script sur votre page. Une fois cela fait, il vous sera possible de faire pointer vos anchors sur n’importe quelle expression CSS. href= »#header » pointera toujours sur votre objet avec l’id « header », mais href= »#.contact » pointera maintenant vers le premier objet avec la classe « contact ». L’URL de la page est évidemment change dans l’opération, et reste fonctionnel.
Pour vous faire gagner du temps, Arbitrary Anchor possède déjà une fonction pour permettre de rendre les scrolls souples, en choisissant le temps que prendra l’animation de scroll.