Comment configurer les positions du défilement dans une page

Lors de la construction d'un site Web avec de nombreuses sections et beaucoup d'informations, les outils de navigation deviennent deux fois plus importants. L'un de ces outils est Position du défilement, qui peut même transformer une page surchargée d'informations en une situation avantageuse pour un visiteur.

Lorsqu'une seule page contient trop d'informations et ne peut être divisée en raison de limitations contextuelles, les emplacements de défilement permettent à l'utilisateur de se déplacer instantanément vers des points spécifiques de la page et d'accéder au contenu souhaité. Cet exemple est une page sur un événement fictif de 7 jours avec beaucoup de groupes et d'activités supplémentaires. Bien qu'il s'agisse d'une prévisualisation, c'est l'exemple idéal d'une surcharge d'informations que le spectateur pourrait rencontrer.

Sélectionnez un bouton que vous souhaitez transformer en transition de défilement, et pour l'option Au clic, choisissez "page de ce site". Dans le deuxième menu déroulant qui apparaît en dessous, vous pouvez sélectionner les positions du défilement. Comme vous n'en avez pas encore fait, sélectionnez "Nouvelle position du défilement".

Ceci créera une ligne horizontale qui peut être glissée sur l'axe vertical, et établira là où le haut de l'écran du spectateur sera placé par la transition.

La fine ligne bleue est l'emplacement du défilement. Le positionnement du contenu de la page, avant et après la section que vous visitez, affectera si vous devez opter pour un champ de vision strict (où le sommet de la perspective du spectateur est précisément le point où commence la section qu'il veut visiter) ou laisser un espace avant lui, pour un sentiment moins strict. Si des éléments de la section précédente interfèrent avec le champ de vision, le résultat peut sembler gênant. Le positionnement correct de l'emplacement de défilement laisserait de la place pour respirer et serait propre:

Dans cet exemple, les artistes ci-dessous peuvent être recadrés, mais comme la partie supérieure et la majeure partie de leurs portraits sont visibles, le résultat crée de l'intérêt et attire l'attention pour la section suivante.