• A la une
  • Catégories
  • Dossiers
  • Rédacteurs
  • +

Arbitrary Anchor, pour créer des ancres personnalisées très simplement en Javascript

par Benjamin SANCHEZle 12/08/2013

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.

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte

1Commentaire

  • Avatar_thumb
    Ocazoo

    le 26/08/2013 | #1

    Ha c'est vachement sympa ( pour les lecteurs sachez qu'il faut cliquer sur la grande image pour voir un exemple ), je pense que je pourrai utiliser ce système pour naviguer parmis mes petites annonces, ce serai bien fluide.

Ecrire un commentaire

captcha

Ouvrir