Skip to main content

Navbar Hidden

Demo

Faites défilez cette page vers le bas et remontez en observant le comportement de la pastille en haut à droite. Un data-attribute est ajouté sur le body, vous permettant de styliser la navbar ou autres éléments selon le scroll.

Documentation

Importez la fonction dans votre projet

Adaptez le path selon la structure de votre projet

import { NavbarHidden } from "./functions/navbar-hidden"

Créez et initialisez une instance - exemple

new NavbarHidden(".navbar-hidden", {
   // add your options here
}).init()
  • Name
    Type
    Default
    Description
  • scrollTopDistance
    integer
    20
    La distance du top à partir de laquelle la fonction sera activée.
  • dataStateValue
    string
    hidden
    La valeur qui sera ajoutée au data-attribute sur le body

Code

Dossier de base

Dossier complet