2.1.4 • Published 3 years ago
@kevinbaubet/scroller v2.1.4
Documentation Scroller
Ce script permet de faciliter la mise en place d'un traitement lors du scroll. Il gère nativement l'affichage d'éléments pendant le scroll.
Initialisation
var Scroller = new $.Scroller();Options
| Option | Type | Valeur par défaut | Description |
|---|---|---|---|
| axis | string | 'y' | Axe du scroll |
| containerDimensions | boolean | false | Récupère les dimensions du conteneur au chargement et resize |
| timeout | integer | 0 | Temps d'attente avant une réponse du callback au scroll |
| displayElements | object | Voir ci-dessous | Liste les options ci-dessous |
| element | object | undefined | Élément jQuery pour identifier les éléments à afficher au scroll |
| percent | integer | 60 | Limite d'affichage en pourcentage par rapport au coin en haut à gauche du conteneur |
| hide | boolean | false | Masque l'élément s'il est en dehors de la limite d'affichage |
| onShow | function | undefined | Callback une fois l'action exécutée |
| onHide | function | undefined | Callback une fois l'action exécutée |
| classes | object | Voir ci-dessous | Liste les options ci-dessous |
| prefix | string | 'scroller' | Préfix de classe |
| toDisplay | string | '{prefix}-toDisplay' | Classe pour identifier les éléments à afficher au scroll si displayElements.element n'est pas défini |
| hidden | string | 'is-hidden' | Classe pour indiquer si l'élément est masqué |
| onComplete | function | undefined | Callback une fois Scroller initialisé |
Méthodes
| Méthode | Arguments | Description |
|---|---|---|
| setOptions | options object Liste des options à modifier | Permet de définir de nouvelles options |
| onScroll | callback function Callback à executer pendant le scroll | Permet d'initialiser un événement au scroll et d'executer un callback |
| displayElements | options object Options utilisateur | Permet d'afficher des éléments pendant le scroll |
| getOffset | type string current ou previous | Permet de récupérer l'offset actuel ou précédent du conteneur |
| getContainerDimensions | - | Permet de récupérer les dimensions du conteneur |
| getScrollDirection | - | Permet de récupérer la direction du scroll |