Éléments épinglés

Les éléments peuvent rester dans la même position sur l’écran lorsque l’utilisateur fait défiler l’écran vers le haut ou vers le bas. C’est ce qu’on appelle l’épinglage et vous pouvez l’utiliser pour créer des effets de parallaxe avec des étiquettes flottantes, un contenu centré, des en-têtes collants, et bien plus encore.

Pour épingler un élément :

  1. Sélectionnez l’élément de votre choix, allez dans la palette Propriétés et cliquez sur l’aiguille dans la partie supérieure droite de la palette. Les paramètres « X » et « Y » sont alors modifiables.
  2. À l’aide du menu déroulant, sélectionnez le type de position d’épinglage que vous souhaitez pour l’élément. Vous pouvez ajouter une marge en px à partir de la position épinglée si vous souhaitez un certain espacement par rapport à la position épinglée.

Options de position des broches

Les options suivantes permettent d’épingler un élément. Les options X et Y peuvent être combinées de manière à ce que vous puissiez épingler un élément en haut et à gauche.

Axe X

  1. Non épinglé (par défaut) : l’élément ne sera pas épinglé ; il ne se déplacera pas avec l’écran.
  2. Épingler à gauche : l’élément sera épinglé à gauche de l’écran.
  3. Centre d’épinglage : l’élément sera épinglé au centre de l’écran.
  4. Épingler à droite : l’élément sera épinglé à droite de l’écran.

Axe Y

  1. Non épinglé (par défaut) : l’élément ne sera pas épinglé ; il ne se déplacera pas avec l’écran.
  2. Épingler en haut : l’élément sera épinglé en haut de l’écran.
  3. Centre d’épinglage : l’élément sera épinglé au centre de l’écran.
  4. Épingler en bas : l’élément sera épinglé en bas de l’écran.

Comment épingler plusieurs éléments

Les groupes ne peuvent pas être épinglés, seuls les éléments individuels peuvent l’être. Au lieu d’épingler des groupes, vous pouvez regrouper des éléments dans un panneau dynamique et épingler ce panneau. Par exemple, vous pouvez créer un menu de navigation qui restera en haut de la page lorsque vous ferez défiler la page en suivant les étapes suivantes :

  1. Faites glisser quatre éléments de texte sur le canevas et donnez-leur des titres comme s’il s’agissait de différentes sections de votre site web.
  2. Sélectionnez-les tous, puis cliquez avec le bouton droit de la souris lorsque vous êtes au-dessus de l’un d’entre eux et allez dans Groupe – Groupe dans le panneau dynamique.
  3. Organisez-les dans l’ordre que vous souhaitez, puis allez dans la palette Propriétés et cliquez sur l’aiguille de l’épingle. Réglez ensuite le menu déroulant Y sur « Pin top ».
  4. Ajoutez ensuite du contenu à l’écran de manière à créer une longue page. Simulez et le résultat devrait être similaire à l’image ci-dessous

Élément épinglé