@insite/nav-toolbox v0.7.0

@insite/nav-toolbox

Classes JS utiles et relatives à la navigation

Installation

• Via npm :

npm install @insite/nav-toolbox --save

Classes

Accordion.js

Transforme un ou plusieurs menu(s) drupal en accordéon

Documentation . Démo

AnchorMenu.js

Construit un sommaire avec ancres suivant les 'data-heading' présents sur les h1, h2, h3...

Documentation . Démo

AnchorSpy.js

Observe le scroll et ajoute une classe active sur une ancre dont la section est survolée (optionnel dans AnchorMenu.js)

Documentation . Démo

IoAddClass.js

Observe le scroll et ajoute une classe lorsque l'élément apparait

Documentation

Overlay.js

Construit un menu en overlay et son bouton d'ouverture (menu burger, popin recherche...)

Documentation . Démo (menu mobile & recherche desktop)

OverlayPanels.js

Construit un menu en overlay (via Overlay.js extends) et transforme les menus drupal qu'il contient en menu à panneaux coulissants à profondeur infinie

Documentation . Démo (menu mobile)

OverlayAccordion.js

Construit un menu en overlay (via Overlay.js extends) et transforme les menus drupal qu'il contient en accordéon via Accordion.js

Documentation . Démo (menu mobile)

ScrollProgress.js

Indique la progression de lecture d'un article

Documentation . Démo

SmartHeader.js

Permet de masquer et afficher un header sticky intelligemment

Documentation

StickyHeader.js

Permet de sticker le header un peu plus intelligemment

Documentation