đź”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

ScrollOffset is a really small jQuery smooth scroll plugin which enables anchor links to scroll through your page content with a specific top offset.

smooth-scroll

Documentation

version madewith

ScrollOffset

Un simple plugin de défilement d'ancres en jQuery, avec la possibilité de définir un décalage vertical (offset), par exemple pour tenir compte d'une navbar fixe (ou simplement pour une raison cosmétique).


#Installation

Si vous utilisez Bower, vous pouvez l'installer directement

$ bower install jquery-scrolloffset

Sinon, il vous suffit de récupérer manuellement les fichiers sur github.

#Utilisation

Le principe est basé sur les ancres html. Appelez simplement la méthode scrollOffset() sur un objet jQuery, qui soit un lien html comportant une ancre.

$('a[href^="#"]').scrollOffset();

#Options

Option Valeur par défaut Valeurs possibles Description
offset 0 Nombre entier Définit la valeur (en pixels) du décalage vertical à appliquer.
duration 400 nombre ou valeurs clé de temps jquery (slow, fast) Gère le temps de l'animation de défilement vers l'ancre.
onComplete null fonction Permet d'appeler une fonction de votre choix à la fin du défilement

#Évolutions envisagées

  • Si l'Ă©lĂ©ment correspondant Ă  l'ancre n'est pas trouvĂ© dans la page → GĂ©rer (renvoyer au top)
  • Permettre d'appeler autre chose qu'un ID (choix du sĂ©lecteur)

You May Also Like