L'intention derrière cette fonctionnalité est de prendre en charge l'intention supposée de l'utilisateur: si l'utilisateur fait défiler, il doit lire le contenu - alors aidez-les en éloignant l'en-tête.
- Comment cacher l'en-tête sur mon parchemin?
- Qu'est-ce qu'un en-tête collant sur le site Web?
- Les en-têtes collants sont-ils bons?
Comment cacher l'en-tête sur mon parchemin?
La fonction toggleheader ()
Cette fonction reçoit la direction et la quantité de défilement sous forme de paramètres. Il ajoute la masque de classe lorsque la direction est en baisse et que la quantité de défilement est supérieure à 52px (la hauteur de l'en-tête). Sinon, il supprime la peau de classe.
Qu'est-ce qu'un en-tête collant sur le site Web?
Les en-têtes collants (ou les en-têtes persistants) sont un modèle commun pour garder l'en-tête d'un site Web ou d'une application au même endroit à l'écran pendant que l'utilisateur fait défiler la page. Une version de ce modèle est l'en-tête partiellement collant, qui apparaît (re) en haut de la page dès que l'utilisateur commence à faire défiler vers le haut.
Les en-têtes collants sont-ils bons?
En fait, une première étude a révélé que les barres de navigation fixe rasent 36 secondes sur une visite de cinq minutes sur un site Web. Une autre étude a révélé que la mise en œuvre de la navigation collante sur un site de commerce électronique a pu augmenter la conversion de près de 3%. C'est un excellent coup de pouce, même avant d'optimiser votre page de produit.