1. Home
  2. gebruik Blocs
  3. Design
  4. Horizontaal scrollgebied

Horizontaal scrollgebied

Met de horizontale scrollcontainer kan de inhoud erin zo worden gepositioneerd dat deze horizontaal wordt gestapeld in plaats van verticaal gestapeld. De breedte van de scrollcontainer wordt bepaald door de breedte van de ouder, wat betekent dat alle verborgen inhoud toegankelijk is horizontaal scrollen of gebruik de navigatie links en rechts knoppen om door het inhoudsgebied te bladeren.


Tip voor beginners

De hoogte van een horizontale scrollcontainer wordt berekend op basis van de hoogte van het grootste onderliggende element daarin.

Horizontaal scrollen inschakelen

Voeg een container div Bric naar uw website-indeling en vanuit de zijbalkinspecteur type dan: vervolgkeuzemenu, selecteren horizontaal scrollen.

Scrollbediening

Wanneer u het containertype met horizontale scroll gebruikt, Blocs zal automatisch een aantal bedieningselementen in de gebruikersinterface implementeren die zijn ontworpen om gebruikers te helpen bij het navigeren door de inhoud binnen het horizontale schuifgebied. Het is mogelijk om deze navigatieknoppen aan te passen met behulp van de volgende opties.

Controlegrootte

Er zijn twee formaatopties voor de schuifknoppen verzuim en compact. De verzuim optie geeft het horizontale scrollgebied navigatieknoppen van standaardformaat en de compact optie zal deze knoppen kleiner maken.

Knop Kleur:

Standaard hebben de navigatieknoppen voor horizontale schuifcontainers een donkere, semi-transparante kleur. De vulkleur van deze knoppen kan worden aangepast met behulp van de kleur well-label knoppen.

Pictogramkleur

Standaard zijn de pictogrammen voor de horizontaal scrollende containernavigatieknop wit. De kleur van deze pictogrammen kan worden aangepast met behulp van het kleurgoedlabel pictogrammen.

Scrollcorrectie

Wanneer een gebruiker handmatig door een horizontaal scrollgebied scrollt en de scrollgebeurtenis eindigt, zal de scrollcorrectie proberen de inhoud binnen de scrollcontainer netjes in de beschikbare ruimte te positioneren. Deze optie is standaard ingeschakeld, maar kan worden uitgeschakeld via het selectievakje met het label Scrollcorrectie.

Toon altijd schuifregelaars

Standaard worden de besturingselementen voor horizontaal scrollen alleen weergegeven als de muiscursor zich boven het schuifbare gebied bevindt. Als u deze optie inschakelt, zijn de navigatieknoppen altijd zichtbaar. De optie is standaard uitgeschakeld, maar kan worden ingeschakeld via het selectievakje met het label Toon altijd schuifregelaars.

Bijgewerkt op 12 december 2023

Was dit artikel behulpzaam?

Gerelateerde artikelen