Sticky Elements vous permet de garder un élément spécifique en place lors du défilement, vous aidant à créer des sections ciblées et interactives sur votre site Web. C'est une fonctionnalité utile pour des éléments tels que le contenu collant, les animations de défilement ou la mise en évidence des zones clés au fur et à mesure que les visiteurs se déplacent sur la page.
Il ajoute plus de contrôle à vos mises en page et rend vos conceptions plus dynamiques et engageantes.
Configurer les paramètres de code PIN et de déclenche
Déclencheur d'
Contrôle quel élément détermine le début et la fin du comportement collant. Vous trouverez deux options incluses
Par défaut : Le comportement collant démarre et se termine automatiquement en fonction de la position du conteneur et du défilement de la fenêtre.
Personnalisé : Vous permet de définir manuellement l'élément de déclenchement qui contrôle le début ou la fin du comportement collant.
Fin de déclenchement
Par défaut : Utilise la limite de défilement naturel du conteneur pour arrêter automatiquement le comportement collant.
Personnalisé : Vous permet de spécifier un élément personnalisé qui détermine où le comportement collant doit s'arrêter. Vous devez entrer le nom de classe CSS de l'élément cible qui agira comme déclencheur final.
goupille
Le paramètre PIN propose trois options : exact, feint, et coutume.
vrai : Conserve l'élément fixe dans la fenêtre pendant que la page défile.
Faux : Permet à l'élément de défiler normalement avec la page.
Personnalisé : Définit un comportement de défilement spécifique, comme les positions de début/fin de fin, les durées ou les déclencheurs avancés.
Démarrer la broche
Le paramètre de démarrage de la broche offre des options telles que :
Haut, haut, centre, haut en bas, centre supérieur, centre, centre, bas, bas, bas, centre, bas et personnalisé.
Chaque option correspond à une partie de l'élément (haut, centre, bas) avec une partie de l'écran (haut, centre, bas) ou utilise une position personnalisée.
Fin de la broche
Le paramètre de fin de broche offre des options similaires à Démarrer la broche.
Espacement des broches
Le paramètre d'espacement des broches offre trois options : exact, feint, et coutume.
vrai : Ajoute un espacement sous l'élément épinglé égal à sa hauteur.
Faux : Aucun espace ne sera ajouté pour l'élément épinglé.
Personnalisé : Définissez manuellement la quantité d'espace à ajouter là où se trouvait l'élément à l'origine.
Marqueurs de broches
Les marqueurs de broches ont deux options : exact et feint.
vrai : Affiche les marqueurs colorés sur la page pour indiquer visuellement le début et la fin des éléments épinglés.
Faux : Masque les marqueurs de la vue.